jquery, отображающий unsested div using nextall

Question

прочитав, как использовать nextall(), я все еще немного озадачен следующим: у меня есть цикл, который будет выводить следующий код.

<div id="placement" style="float:right"> 
    <a class="eng-sum"><img src="/flags/en.png"></a> 
</div> 

<div class="tool-summary" id="tool-summary" style="clear:both; display:none"> 
    blar blar 
</div> 

Я ищу нажать на флаг Великобритании и отображения следующего div.tool-резюме

Вот скрипт JQuery Я использую:

$('.eng-sum').click(function() { 

    $(this).nextAll(".tool-summary:first").slideToggle(); 

}); 

Этот скрипт работает только если я завершите div .tool-summary div в #placement div, что нежелательно - я думал, что функция nextall() позаботится об этом, но, похоже, это не так?

Answer 1

nextAll находит только братьев и сестер. Иными словами, он рассматривает только элементы внутри одного и того же родительского элемента.

Вы можете посмотреть на использование

$(this).parent().nextAll(".tool-summary:first").slideToggle(); 

Это ищет среди братьев и сестер в #placement дел.