javascript - jqueryのスライダーのアクティブ状態

Question

コードが

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;

    });
    })

html

   <h3><a class="zootoggle">openme</a></h3>
    <div class="zoocontent>content here</div>
<h3><a class="zootoggle">openme</a></h3>
    <div class="zoocontent>content here</div>

これは、クリックすると正しいボックス（aを含むクリックされたh3の次の同胞）を開くという点で機能しますが、クリックされたものだけでなく、すべてのh3にアクティブクラスを適用します。アクティブなクラスを現在のh3にのみ適用したいのですが。

Answer 1

これは機能しますか？

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

    jq(this).parent().toggleClass('active').next('div.zoocontent').slideToggle('slow');
    // Note, there's no callback in the slideToggle function anymore.
    return false;
});​