Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Jquery открыть только 1 div с помощью slideToggle
 
 автор: Visavi   (02.08.2013 в 12:06)   письмо автору
 
 

Здравствуйте, подскажите как сделать чтобы открывался только 1 div
вот мой код

<a class="title">ссылка</a>
<div class="body">текст</div>

<a class="title">ссылка</a>
<div class="body">текст</div>


яваскрипт
$(document).ready(function(){
    $(".body").hide()
    $(".title").click(function () {
        $(".body").slideToggle();
    })
});


при нажатии на ссылку открываются все div в с классом body
как мне сделать чтобы открывался только 1 который ниже ссылки

  Ответить  
 
 автор: Deed   (02.08.2013 в 13:08)   письмо автору
 
   для: Visavi   (02.08.2013 в 12:06)
 

http://jsbin.com/ozijut/1/edit

$(document).ready(function(){
    $(".body").hide();
    $(".title").click(function () {
        $(this).next(".body").slideToggle();
    });
});

  Ответить  
 
 автор: Visavi   (02.08.2013 в 13:53)   письмо автору
 
   для: Deed   (02.08.2013 в 13:08)
 

Спасибо, работает, но если после </a> поставить перенос <br /> то код перестает работать
как исправить?

  Ответить  
 
 автор: confirm   (02.08.2013 в 15:48)   письмо автору
 
   для: Visavi   (02.08.2013 в 12:06)
 

$(this).nextAll("div.body:first")...

Зачем в качестве имен класса использовать body, title, в общем имена тегов и атрибутов? Вы же сами рано или поздно где-то запутаетесь и допустите ошибку.

И $(".body").hide() при загрузке документа совсем непотребное, это нужно в стилях указать, а вот при обработке события вполне может потребоваться.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования