title: this parent jQuery
body: <p><strong>jQuery</strong></p>
  
  <pre><code>$(".drop-down h3").click(function(e) {
    e.preventDefault();
    $(this).parent(".drop-down").find($("ul")).stop().slideToggle();
    $(this).parent(".drop-down").find($(".divider-aside")).stop().toggle("slow");
    $(this).parent(".drop-down").find($(".arrow")).stop().toggleClass("rotate1 rotate2");
  });
  </code></pre>
  
  <hr>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="categories"&gt;
    &lt;div class="drop-down"&gt;
      &lt;h3&gt;Categories&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="divider-aside"&gt;&lt;/div&gt;
    &lt;ul&gt;
      &lt;li&gt;123&lt;/li&gt;
      &lt;li&gt;12323&lt;/li&gt;
      &lt;li&gt;1231&lt;/li&gt;
      &lt;li&gt;523&lt;/li&gt;
      &lt;li&gt;31&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like to hide everything in <code>.drop-down</code> class excluding <code>&lt;h3&gt;</code> by clicking on <code>&lt;h3&gt;</code>. In this case only <code>.arrow</code> toggleClass works.</p>