jquery - Foundation 手风琴在页面加载时全部激活或扩展

Question

我在实施基础手风琴时遇到问题。问题似乎是页面加载时所有内容都处于活动状态或展开状态。但是，当页面加载时，只有一个手风琴内容应该是活动的，你用

<li class="active">

奇怪的是，在页面加载并单击手风琴标题后，JS 做出响应并仅显示活动的 div，而所有其他 div 消失。

我在这里使用这个主题线程来实现我的网站的手风琴：https ://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/alYolSjS8w8 。

这是损坏的手风琴的链接： http ://rppdesigns.com/dev/pennProp_dev/index.php/home/contact 。

Answer 1

加载手风琴后，只需将其添加到您的代码中：

$(".active").trigger('click');

Answer 2

创建一个名为whatever的类，即.disguise

.disguise{display:none;}

将其应用于任何非活动对象

添加活动的！重要display: inline;

你刚刚战胜了这个错误......

Answer 3

使用 Foundation 5.x，这是我能够让它工作的唯一方法：

$(document).foundation({
    accordion: {
        // allow multiple accordion panels to be active at the same time
        multi_expand: true
    }
});

$(document).ready(function () {
    // Expand unopened sections
    $('a[aria-expanded="false"]').click();
});