2回のクリックを必要とするトグル機能

Question

私は一連のボタンを持っています。それらをA、B、Cと呼ぶことができます。これらのボタンにトグルメソッドを添付しました。 Aをクリックすると、情報を含むdivが表示されます。私がもう一度Aをクリックすると、このdivは削除されます。 Bをクリックすると、Aに関連するdivが削除されます（まだ開いている場合）.Bに関連する新しいdivが表示されます。これは、多くのウェブサイトで見られる基本的なトグルです。

しかし、Aを、次にBを、そしてAをもう一度クリックすると、Aは2回のクリックでそのdivを表示します。これは、トグル内の2番目の機能がまだキューに入っているためにトリガーされるためです。

このコードを見てください。デモのためにボタンのテキストを変更しています。 2回のクリックを取ってからそれを防ぐために、どのように

http://jsfiddle.net/BxFqf/

？

Answer 1

ボタンにクリックイベントをバインドし、トグルを使用する代わりにそれに応じてテントを変更する必要があります。私は.each（）を使用します。

Answer 2

あなたはそのようなtoggleの「ナイーブ」を使用して必要な動作を達成することはできません.toggleあなたがトグルしている項目の状態を維持しているためだと異なるボタンの状態が

Answer 3

に関連していません。あなたがする必要があるのは、各ボタンの状態を「覚えている」ため、クリックしたときにそれに応じて反応することができます。反応はほとんどの場合スタイルを適用する必要があるため、HTMLクラスを使用すると状態を覚えておくことができます（スタ゗リングにクラスを再利用できます）。

hereの例を参照してください。