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

有一个Bootstrap“问题”，其中data-parent依赖于panel类：

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

因此，您可以将panel类添加到每个项目中。

http://www.bootply.com/117663

或者也可能有一些jquery解决方法。

Twitter bootstrap：手风琴问题

1 个答案: