Question

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

单击选项卡时，已打开的选项卡折叠，新选项卡设置为活动状态。

我的目标是可以同时打开更多标签，只需点击它们即可关闭它们。

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

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

我的foundation.accordion.js版本是5.0.3

Answer 1

你是如何设置＆＃34; multi_expand＆＃34;旗？我能够在页面末尾使用以下代码来实现这一点。

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

您可能需要升级到更新版本的基础才能实现此目的。它工作在5.4.1。

Answer 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>

多扩展基础手风琴

2 个答案: