jQueryアコーディオン削除兄弟クラス

Question

タイトルをクリックしてメニューを展開するとCSSを変更できます。しかし、拡張された他の 'ヘッダー'は、「非アクティブ」クラスに変更することはできません。 以下は私のjQueryの

jQuery(document).ready(function(){ 
jQuery("dl#narrow-by-list> dd:not(:first)").hide(); 
jQuery("dl#narrow-by-list> dt a").click(function(){ 
jQuery("dl#narrow-by-list> dd:visible").slideUp("fast"); 
jQuery(this).parent().next().slideDown("fast"); 
jQuery(this).parent().removeClass("productsCat"); 
jQuery(this).parent().addClass("openSub"); 
return false; 
}); 
}); 

私のHTML

<dt class="productsCat"><a href="/" class="productsName">Category 1</a></dt> 
<dd class="subCat"><a href="<?php echo $subCategory->getUrl()?>">Sub Category 1</a></dd> 
<dt class="productsCat"><a href="/" class="productsName">Category 2</a></dt> 
<dd class="subCat"><a href="<?php echo $subCategory->getUrl()?>">Sub Category 2</a></dd> 

されており、ここにある

私はクラス「openSub」を削除したときに1他のすべての兄弟から既存のクラス「productsCat」を使用する方法の任意のアドバイスアクティブです？

ありがとうございました！

Answer 1

、これを試してみてください、私の地元で働く..

Answer 2

あなたは何をしたいのですか？そうでなければトグルクラスを試すことができますか？

jQuery(document).ready(function() { 
jQuery("dl#narrow-by-list> dd:not(:first)").hide(); 
jQuery("dl#narrow-by-list> dt a").click(function() { 
    jQuery("dl#narrow-by-list> dd:visible").slideUp("fast"); 
    jQuery(this).parent().next().slideDown("fast"); 
    jQuery(this).parent().each(function() { 
     if (jQuery(this).hasClass('productsCat')) { 
      jQuery(this).removeClass('productsCat'); 
      jQuery(this).addClass("openSub"); 
     } 
    }); 
    return false; 
}); 

}）;だから、