Stiftung Akkordeon Alle Erweitern/Reduzieren-Taste

Bin ich mit dem Foundation 3 Akkordeon
http://foundation.zurb.com/docs/elements.php

Möchte ich hinzufügen-button über das Akkordeon, das sich ausdehnt oder kollabiert, alle von Ihnen.

Was javascript muss ich hinzufügen, um die Schaltfläche zu machen, damit es funktioniert?

Hier ist der link:
http://mheg.turnpostinteractive.com/about-mheg-2/staff/

Dank!

InformationsquelleAutor heathers | 2013-01-11
  1. 1

    Die Dokumentation ist ein wenig fehlt, aber öffnen Sie alle auf einmal, es wäre so:

    $("#yourButton").click( function() {
    $(".accordion li").removeClass("active").addClass("active");
});

    Den Grund, warum Sie das entfernen der ersten Klasse ist, wenn Sie bereits eine haben, öffnen Sie Sie nicht, fügen Sie eine zweite "active" - Klasse zu. Das sollte es gewesen sein. Offensichtlich "#yourButton würde ersetzt werden durch die Auswahl für die Schaltfläche, die Sie hinzufügen, erweitern Sie alle von Ihnen.

    Schließen Sie alle, die Sie Sie verwenden:

    $("accordion li").removeClass("active");

    Je nachdem, wie Sie wollen, die-Taste zu Verhalten, die Sie verwenden können, schaltet (siehe jQuery-Dokumentation) oder schreiben Sie Ihre eigene Logik, je nach den aktuellen Zustand der einzelnen Artikel. Sie können überprüfen, um zu sehen, ob jedes Akkordeon geöffnet oder geschlossen von:

    $(".accordion li:nth-child(n)").hasClass("active");

    wäre n das Akkordeon-Registerkarte, in der Sie die überprüfung.

    • Danke!!! Das auf-und Zuklappen funktioniert es Super.
    • Ich kann nicht der Knebel zu arbeiten. Helfen Sie mit, dass, auch?
    • Sie müssen beschreiben, was Sie versuchen zu tun, wenn Sie wollte helfen, aber Sie sind besser dran mit Einem "Open All" und 2. "Close All" - button da ist es nicht eindeutig, wie eine einzelne Schaltfläche. Zum Beispiel sollte es alle öffnen, wenn bereits ein tab zu öffnen? Wenn zwei tabs geöffnet sind und Sie auf die Schaltfläche klicken, sollten Sie öffnen Sie die Letzte Registerkarte oder sollte es in der Nähe der ersten beiden? Mit öffnen/schließen Sie beide auf einer einzigen Taste ist nach ärger. Es ist nicht nur verwirrend Logik, aber es wird die Benutzer verwirren.
    • PS: Wenn mein auf-und Zuklappen funktioniert Super und ich habe Ihre Frage beantwortet, stellen Sie sicher, dass Sie die Antwort akzeptieren!
    • Vielen Dank, Jack. Ich verwende zwei separate links.
    • Könnten Sie bitte schauen Sie auch auf der Seite. mheg.turnpostinteractive.com/about-mheg-2/staff die Tasten funktionieren Prima, bis die andere Akkordeons geklickt werden, und dann funktionieren Sie nicht mehr richtig. Danke.
    • Hier ist, wo die javascript ist bei: mheg.turnpostinteractive.com/wp-content/themes/mheg_theme/js/...
    • Stackoverflow ist kein code-writing-service oder code-review-service...Sie brauchen durch zu gehen die Seite Sie sich und erklären, was passiert ist/was ist nicht passiert. Zum Beispiel, wenn nach dem Akkordeons geschlossen sind, wenn Sie auf Sie wieder das "aktiv" - Klasse nicht angezeigt werden. Sie müssen verwenden Sie firebug oder etwas ähnliches zu erklären, was Los ist. Nachdem Sie das problem gefunden haben, sollten Sie isolieren, dass Sie vom REST Ihrer Website mit jsfiddle. Das problem kann nicht bezogen werden auf die Frage oben und kann auch etwas anderes sein, die auf Ihrer Website das problem verursacht - ohne jsfiddle kann ich nicht wissen.
    • Danke für die Tipps. Ich landete einen anderen Weg. anasnakawa.wordpress.com/2011/01/25/... jsfiddle.net/anasnakawa/du9EM/2

    InformationsquelleAutor Jack
Schreibe einen Kommentar