Закройте ребенка родителя родителя

Question

Привет У меня есть HTML код, как этот

<div id="top"> 
    <div class="panel"> 
    <h1>toppanel</h1> 
    <p>Content from toppanel</p> 
    </div> 
    <div class="panelholder" id="ptop"> 
    <a class="open" href="#">open</a> 
    <a class="close" href="#">close</a> 
    </div> 
</div> 

более чем на время. Единственный differnce это идентификатор из первого DIV Мой JQuery код выглядит следующим образом

// Expand Panel 
$(".open").click(function(){ 
    $(#######).slideDown("slow"); 
}); 

и мой вопрос, что я должен написать для $ (#######), если я хочу slideDown DIV с классом панелью

Answer 1

// Expand Panel 
$(".open").click(function(){ 
    $(this).parent().siblings('.panel').slideDown("slow"); 
}); 

Вы должны ознакомиться с документацией API по адресу traversal.

Answer 2

$(".open").click(function(){ 
    $(this).parent('div.panel').slideDown("slow"); 
}); 

найдет родитель открытой кнопки с классом панели и сдвиньте ее вниз, таким образом, вы не должны беспокоиться об идентификаторах или что-нибудь, просто открыть ссылку бытия внутри панели.

Answer 3

$(this).closest('top').find('.panel').slideDown("slow"); 

или

$(this).parent().prev().slideDown("slow"); 

Answer 4

Отредактированный к более простому решению!

$(this).parent().siblings(".panel") 

Посмотрите в документации по traversing.