多扩展基础手风琴答案

【问题标题】：Multi expand foundation accordion多扩展基础手风琴
【发布时间】：2014-11-15 03:30:25
【问题描述】：

我在我的代码中实现了一个基础手风琴。

当我点击一个选项卡时，已经打开的选项卡折叠并且新选项卡设置为活动状态。

我的目标是有可能同时打开更多选项卡，并仅通过单击它们来关闭它们。

搜索基础文档我发现了这个：http://foundation.zurb.com/docs/components/accordion.html

但我无法使用 multi_expand 选项，我不明白为什么。

我的foundation.accordion.js 版本是5.0.3

【问题讨论】：

标签： javascript jquery html css zurb-foundation

【解决方案1】：

您如何尝试设置“multi_expand”标志？我能够使用页面末尾的以下代码来完成这项工作。

<script>
    $(document).foundation('accordion', { multi_expand: true });
</script>

您可能需要升级到较新版本的基础才能使其正常工作。它在 5.4.1 中工作。

【讨论】：

【解决方案2】：

你可以尝试制作单独的手风琴http://jsfiddle.net/9kq0ar5v/

<dl class="accordion" data-accordion>
  <dd class="accordion-navigation">
    <a href="#panel1">Accordion 1</a>
    <div id="panel1" class="content">
      ladida
    </div>
  </dd>
</dl>
<dl class="accordion" data-accordion>
  <dd class="accordion-navigation">
    <a href="#panel2">Accordion 2</a>
    <div id="panel2" class="content">
       lalalaa
    </div>
  </dd>
</dl>

【讨论】：