Question

My problem is that I need to hide just the classes inside a div on a click event. Right now my code looks like this.

<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>

and so on. When I click an h2 I want to hide just the inner_wrapper divs that are inside that same section.

Answer 1

Try this:

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

DEMO: http://jsfiddle.net/VLRNX/