Zurb foundation 通过URL链接打开手风琴（foundation v6.3.1）？ 可以从同一页面上的常规HREF链接打开基础6.3手风琴菜单吗？我使用最新的基金会V3.3.1，发现了一些信息，但是在我的案例中没有任何效果。

这篇文章似乎有一个理想的解决方案（），但它似乎与最新版本不符？

是的，有一些替代方法，具体的应用方式取决于您想要实现什么，但基本上答案是：“使用JavaScript”

这是我的方法：

添加标识要打开的每个选项卡内容的方法。下面，我在

.accordion content

中添加了一个新的数据属性（

data remote

）

创建一个链接，该链接的id对应于要使用该链接打开的选项卡上的新

数据远程

。e、 g.

id=“toggleAco1”

&

data remote=“toggleAco1”

< LI>使用内置的基础函数来切换标签上的点击（参见JS/JQ以下） 所以总的来说是这样的：

HTML

<div class="block">
  <ul class="accordion" data-accordion>
    <li class="accordion-item is-active" data-accordion-item>
      <a href="#" class="accordion-title">Accordion 1</a>
      <div class="accordion-content" data-tab-content data-remote="toggleAco1">
        <p>Panel 1. Lorem ipsum dolor</p>
        <a href="#">Nowhere to Go</a>
      </div>
    </li>
    <li class="accordion-item" data-accordion-item>
      <a href="#" class="accordion-title">Accordion 2</a>
      <div class="accordion-content" data-tab-content data-remote="toggleAco2">
        <textarea></textarea>
        <button class="button">I do nothing!</button>
      </div>
    </li>
    <li class="accordion-item" data-accordion-item>
      <a href="#" class="accordion-title">Accordion 3</a>
      <div class="accordion-content" data-tab-content data-remote="toggleAco3">
        Pick a date!
        <input type="date"></input>
      </div>
    </li>
  </ul>
</div>
<div class="block">
  <a href='#' class="button" id="toggleAco1">Open accordion tab 1</a>
  <a href='#' class="button" id="toggleAco2">Open accordion tab 2</a>
  <a href='#' class="button" id="toggleAco3">Open accordion tab 3</a>
</div>

• A

---

注意：链接将链接到，与单击选项卡的手风琴标题相同。因此，如果您允许多个打开，则链接将打开每个链接并保持打开状态，如果您不允许（例如），则在打开一个新链接后，链接将关闭，等等。

这个答案很好。您还可以显式地使用

向上

和

向下

事件（而不是

切换

）。这现在有点旧了，但我尝试使用响应式手风琴/tab选项，不幸的是，这似乎不适用于该设置。如果使用响应选项卡，是否有其他方法？

$('a').on('click', function() {
    var dataTarget = $(this).attr('id');
    $('.accordion').foundation('toggle', $('[data-remote="' + dataTarget + '"]'));
});