推特引导:手风琴问题

Question

我一直在尝试使用Twitter实现手风琴菜单并按照示例进行操作，也花了一天时间在谷歌上搜索，但到目前为止还没有修复。

基本上我在单击菜单项时有一个奇怪的行为：

单击项目 A

• ，然后单击项目 B 导致项目 A 保持打开状态 - 单击其他项目也会发生同样的情况 - 所有项目都保持打开状态

  单击菜单后，它会显示子菜单，
  • 如果我单击子菜单项，它不会打开相关页面（使用 href 内容），而是关闭当前项

这是代码：

<div class="panel-heading"></div>

<li class="list-group-item accordion-toggle" data-target="#elementOne" data-toggle="collapse" data-parent="#accordion">
  <a class="accordion-toggle">Test 1</a>
<div id="elementOne" class="collapse">
  <ul class="list-group">
    <li class="list-group-item">
      <a href="some_url.html">link1</a> 
    </li>
  </ul>
</div>
</li>

<li class="list-group-item accordion-toggle" data-target="#elementTwo" data-toggle="collapse" data-parent="#accordion">
  <a class="accordion-toggle">Test 2</a>
<div id="elementTwo" class="collapse">
  <ul class="list-group">
    <li class="list-group-item">
      <a href="some_url.html">link2</a> 
    </li>
  </ul>
</div>
</li>

请帮忙！！

Answer 1

有一个引导"问题"，其中data-parent依赖于panel类：

https://github.com/twbs/bootstrap/pull/11191

因此，您可以通过将panel类添加到每个项目来工作。

http://www.bootply.com/117663

或者可能还有一些jQuery解决方法。