slider active state in jquery
<p>i have a slider whose code is</p>

<pre><code>var jq = jQuery.noConflict();
jq(document).ready(function(){

 jq("a.zootoggle").click(function () {

    jq(this).parent().next('div.zoocontent').slideToggle('slow', function() {
     jq("a.zootoggle").parent().toggleClass('active', jq(this).is(':visible'));
  });
      return false;

    });
    })
</code></pre>

<p>the html</p>

<pre><code>   &lt;h3&gt;&lt;a class="zootoggle"&gt;openme&lt;/a&gt;&lt;/h3&gt;
    &lt;div class="zoocontent&gt;content here&lt;/div&gt;
&lt;h3&gt;&lt;a class="zootoggle"&gt;openme&lt;/a&gt;&lt;/h3&gt;
    &lt;div class="zoocontent&gt;content here&lt;/div&gt;
</code></pre>

<p>this works in that it opens the correct box when clicked (the next sib of the clicked h3 containing a) but it then applies the active class to all the h3's not just the one clicked. i would like the active class to only apply to the current h3.</p>
