Horizontal Akkordeon - versuchen .toggle zu verwenden und .animate

Question

mir verzeihen, wenn dies ein uneleganter Weg, um diesen zu gehen, aber ich lerne jQuery noch und bin nach einem Weg des Denkens hier ...

So Ich begann zu versuchen, ein horizontales Akkordeon mit .toggle und .animate zu bauen. Technisch funktioniert es ... aber mit einem nervigen Fehler. Hier ist das Szenario:

Wenn ich auf ein Feld klicken, um es zu erweitern, dann minimieren Sie es durch Klicken auf ein anderes Feld, das erste Feld, das ich erweitert habe, erfordert dann zwei Klicks zum erneuten Erweitern.

Zum Beispiel:

1. klicken box1 zu erweitern es
2. klicken box2 box2 zu erweitern, während box1 Kollabieren
3. box1 jetzt werden zwei Klicks erfordern wieder zu erweitern

Hier ist die jsfiddle : http://jsfiddle.net/banjodrill/rEPnq/10/

Ich nehme an, es gibt einen grundlegenden Fehler in der Art, wie ich mich dem annähere. Wenn jemand Zeit hat, wäre ich dankbar, wenn Sie einen Blick darauf werfen und mir helfen könnten zu verstehen, was ich falsch mache.

Geht es um die Tatsache, dass ich if-Anweisungen in den Toggle-Funktionen verwende?

Vielen Dank

Answer 1

Sie könnten Blick auf diese wollen: jquery_ui_accordion

jQueryUI hat für diesen Standard Sachen;)