closests jquery
<pre><code>&lt;div class="panels"&gt;
    &lt;div&gt;
        &lt;h2&gt;
        Test
        &lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class="inner_panel statict"&gt;
         Test2
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want so that when people click on Test, Test2 appears. If not, they don't see Test2, How can I make that happen using jquery?</p>

<p>I tried the following but it does not work.</p>

<pre><code> $('.inner_panel').hide();

  $('.panels').click(function () {
    $(this).closest('div .inner_panel').toggle();
  });
</code></pre>

<p>I have multiple divs with class panels in the file, so I don't want click on Test affecting the other "panels."</p>
