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

#jquery #css-selectors

#jquery #css-селекторы

Вопрос:

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

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

Что я пытаюсь сделать, так это сделать так, чтобы при нажатии на ЗАГОЛОВОК КАТЕГОРИИ div СПИСКА скользил вниз, моя проблема в том, как мне выбрать этот div, когда я поместил событие щелчка в ЗАГОЛОВОК КАТЕГОРИИ

Мой код jQuery:

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

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


});
  

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

есть идеи?

Спасибо, Нил

Ответ №1:

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

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

jsFiddle.

Комментарии:

1. да, я понял это, ошибка при написании 🙂

Ответ №2:

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

Комментарии:

1. «$ (this).next(«.listings»).toggleSlide не является функцией» появляется в firebug и ничего не происходит?

2. @nmyster toggleSlide() не является методом jQuery.

Ответ №3:

Метод jQuery — это slideToggle, а не toggleSlide.

Ответ №4:

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

Комментарии:

1. понял, код, который я вставил, — это всего лишь фрагмент, имеющий отношение к моей проблеме