Zurb 基金会手风琴没有扩展

Question

我正在使用 Foundation 6.7.4。

我正在尝试设置一个手风琴，就像他们在这里的示例中的手风琴一样https://get.foundation/sites/docs/accordion.html

我的手风琴设置如下：

<div class="grid-x">
        <div class="medium-12 cell">
            <ul class="no-bullet accordion" data-accordion data-allow-all-closed="true" data-multi-expand="true">

              <li class="accordion-item" data-accordion-item>
                 <a href="#" class="accordion-title">
                  My Title
                 </a>
                 <div class="accordion-content" data-tab-content>
                   My content
                 </div>
               </li>
           </ul>
         </div>
      </div>

当我单击 A 标签时，我可以看到 Accordion 在关闭前展开了几分之一秒。 我还可以在检查器中看到 CSS 类和属性的变化。

但我不确定为什么这些都没有粘住以及是什么导致手风琴恢复其自我。

有人会知道为什么吗？

Answer 1

原来这是因为我引用了 2 个foundation.js 文件。