|
|
|
| Здравствуйте, подскажите как сделать чтобы открывался только 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 который ниже ссылки | |
|
|
|
|
|
|
|
для: Visavi
(02.08.2013 в 12:06)
| | http://jsbin.com/ozijut/1/edit
$(document).ready(function(){
$(".body").hide();
$(".title").click(function () {
$(this).next(".body").slideToggle();
});
});
|
| |
|
|
|
|
|
|
|
для: Deed
(02.08.2013 в 13:08)
| | Спасибо, работает, но если после </a> поставить перенос <br /> то код перестает работать
как исправить? | |
|
|
|
|
|
|
|
для: Visavi
(02.08.2013 в 12:06)
| |
$(this).nextAll("div.body:first")...
|
Зачем в качестве имен класса использовать body, title, в общем имена тегов и атрибутов? Вы же сами рано или поздно где-то запутаетесь и допустите ошибку.
И $(".body").hide() при загрузке документа совсем непотребное, это нужно в стилях указать, а вот при обработке события вполне может потребоваться. | |
|
|
|