jquery - タグ内のすべてのクラスを選択する必要があります

Question

私の問題は、クリックイベントでdiv内のクラスだけを非表示にする必要があることです。現在、私のコードは次のようになっています。

<section>
   <h2>Section Title</h2>
   <div class="inner_wrapper">content</div>
   <div class="inner_wrapper">content</div>
   <div class="inner_wrapper">content</div>
</section>

<section>
   <h2>Section 2 Title</h2>
   <div class="inner_wrapper">content</div>
   <div class="inner_wrapper">content</div>
   <div class="inner_wrapper">content</div>
</section>

等々。h2をクリックすると、同じセクション内にあるinner_wrapperdivだけを非表示にします。

Answer 1

これを試して：

$("h2").on("click", function() {
    $(this).siblings(".inner_wrapper").hide();
});

デモ：http： //jsfiddle.net/VLRNX/

Answer 2

$('h2').click(function() {
    $(this).siblings('.inner_wrapper').hide();
});

h2をもう一度クリックしたときにコンテンツを再表示する場合は、次の操作を実行できます。

$('h2').click(function() {
    $(this).siblings('.inner_wrapper').toggle();
});