#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()
.
Комментарии:
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. понял, код, который я вставил, — это всего лишь фрагмент, имеющий отношение к моей проблеме