jquery - Foundation Accordion 展开/折叠所有按钮

Question

我正在使用 Foundation 3 Accordion 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 将是您正在检查的手风琴选项卡。