Структура HTML выглядит так: title > ul > li > a
. После нажатия на тег привязки мне нужно .slideToggle()
в элементе .content
, который ближе всего к .title
.
Мой текущий js для этого выглядит так, и он не работает. Здесь скрипка
$(function(){
$('.title > ul > li > a').on('click', function(){
$(this).closest('.content').slideToggle();
})
})
.content
не находится в том же дереве, что и ваш селектор, поэтому .closest
найдет его. Вам нужно использовать комбо .closest
и .next
$(this).closest('.title').next(".content").slideToggle();
Скрипт: http://jsfiddle.net/ad9bz/5/
Кроме того, не забудьте включить jQuery в свою скрипку в следующий раз!
Как насчет:
$(this).parents('.title').next('.content').slideToggle();