Jqueryの兄弟（）が期待通りに機能しない

Question

次の例は私の問題を示しています。

$('.accordion-toggle').on('click', function() { 
    $(this).toggleClass('active').siblings().removeClass('active'); 
}); 

私はアコーディオンの質問のいずれかを拡張し、最初の1が開いている間に別のものを展開しよう

https://jsfiddle.net/bff56wup/3/

は、矢印は変更されません。 .siblings（）はそれを処理する必要がありますが、それはdoesntです。

EDIT：修正しスペルの間違いは、エラーが.accordion-toggle要素が故にお互いの兄弟、siblings()何も返さないではありませんので、まだ

Answer 1

問題があります。あなたが直接.active要素を選択し、それらからクラスを削除することができ、ロジックを修正するには

：

$('.accordion-toggle').on('click', function() { 
    $('.active').not(this).removeClass('active'); 
    $(this).toggleClass('active'); 
}); 

Updated fiddle