javascript - JQドロップダウンメニュー展開問題

Question

次のようなドロップダウンメニューがあります：http://jsbin.com/akidiw/2/edit

「First」をクリックし、次に「Second」をクリックし、次に「Third」をクリックすると、問題が表示されます。あの部分のせいだってわかってる

 $("span.toggle").click(function() {
 $(this).addClass('expanded');
 $(this).next().toggle(1000);

 $(this).parent().parent().find('.expanded').not(this).each(function(){
   $(this).next().toggle(1000);
 });
 });

1 つのオブジェクトを展開して 2 番目をクリックすると、最初のオブジェクトが閉じます。助けてください

Answer 1

閉じるアイテムから「展開された」クラスを削除することはありません。

「クリック」イベントで、「展開」されたアイテムを繰り返し処理し、そのクラスを削除します。