Найти ближайший элемент родительского элемента

Question

Структура HTML выглядит так: title > ul > li > a. После нажатия на привязную метку мне нужно .slideToggle() на элементе .content, который находится ближе всего к .title.

Мои текущие js для этого выглядят так, и это не работает. Вот fiddle

$(function(){ 
    $('.title > ul > li > a').on('click', function(){ 
    $(this).closest('.content').slideToggle(); 
    }) 
}) 

Answer 1

.content не в том же дереве, как ваш селектор, поэтому .closest не найти его. Вы должны использовать комбо .closest и .next

$(this).closest('.title').next(".content").slideToggle(); 

Fiddle: http://jsfiddle.net/ad9bz/5/

Кроме того, не забудьте включить JQuery в вашей скрипке в следующий раз!

Answer 2

Как насчет:

$(this).parents('.title').next('.content').slideToggle();