Проблема выбора Jquery

Question

Хорошо, у меня есть:

<div class="catergory">
<div class="title">CATEGORY TITLE</div>
<div class="listing">
CODE FOR LISTINGS
</div>
</div>

То, что я пытаюсь сделать, это сделать так, чтобы при нажатии на НАЗВАНИЕ КАТЕГОРИИ div DIST LISTINGS скользил вниз. Моя проблема в том, как выбрать этот div, если я поместил событие click в НАЗВАНИЕ КАТЕГОРИИ

Мой код JQuery:

$('.title').click(function(){

$('.category > .listings',this).toggleSlide('slow');


});

Теперь я знаю, что проблема в том, как я выбрал правильный элемент ..

есть идеи?

Спасибо Neil

Answer 1

$('.title').click(function(){
    $(this).next('.listing').slideToggle('slow');
});

Метод также slideToggle(), а не toggleSlide().

jsFiddle .

Answer 2

$ ('. Title'). Click (function () {$ (this) .next ('. List'). SlideToggle ('slow');});

Answer 3

Попробуйте добавить код в функцию $ (document) .ready (), поскольку код Jquery может быть выполнен только после загрузки jquery.

Answer 4

Метод jQuery: slideToggle not toggleSlide.