jquery - FoundationAccordionすべてのボタンを展開/折りたたみ

Question

Foundation3アコーディオンを使用しています http://foundation.zurb.com/docs/elements.php

アコーディオンの上に、すべてを展開または折りたたむボタンを追加したいと思います。

ボタンを機能させるには、ボタンにどのJavaScriptを追加する必要がありますか？

リンクは次のとおりです：http： //mheg.turnpostinteractive.com/about-mheg-2/staff/

ありがとう！

Answer 1

ドキュメントは少し不足していますが、一度にすべて開くと、次のようになります。

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

最初にクラスを削除する理由は、すでにクラスを開いている場合に備えて、2番目の「アクティブな」クラスを追加しないためです。それはそれであるはずです。明らかに、「＃yourButtonは、すべてを展開するために追加するボタンのセレクターに置き換えられます。

それらをすべて閉じるには、これを使用します。

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

ボタンの動作に応じて、トグルを使用するか（jQueryのドキュメントを参照）、各アイテムの現在の状態に応じて独自のロジックを記述できます。次の方法で、各アコーディオンが開いているか閉じているかを確認できます。

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

nは、チェックしているアコーディオンタブになります。