Foundation Accordion展开/折叠全部按钮

Question

我正在使用Foundation 3手风琴 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");
});

首先删除该类的原因是，如果您已经打开了一个类，则不要向其添加第二个“活动”类。那应该是它。显然“#yourButton将被你添加的按钮的选择器所取代，以扩展所有按钮。

要关闭它们，你要使用它：

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

根据您希望按钮的行为方式，您可以使用切换（请参阅jQuery文档）或根据每个项目的当前状态编写自己的逻辑。您可以通过以下方式检查每个手风琴是打开还是关闭：

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

n将是你正在检查的手风琴标签。