title: jquery show/hide/toggle etc
body: <p>JQUERY:</p>
  
  <pre><code>$("li h2").click(function() {
      $(this).toggleClass("active").siblings().removeClass("active");
      $(this).next("div").slideToggle("fast").siblings("div").slideUp("fast");
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;h2&gt;headingA&lt;/h2&gt;
          &lt;div&gt;contentA&lt;/div&gt;
          &lt;h2&gt;headingB&lt;/h2&gt;
          &lt;div&gt;contentB&lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>NOTES:
  Bascially I'd want: when click on h2 show the div next to it and hide all others, not only show/hide toggle as well.
  thanks!</p>