Question

以下手风琴代码对我不起作用。

<div class="accordion" id="accordion1">
    <div class="accordion-group">
      <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse"
           data-parent="#accordion1" href="#note1">
          Foo
        </a>
      </div>
      <div class="accordion-body collapse" id="note1">
        <div class="accordion-inner">
          <pre>Foo body</pre>
        </div>
      </div>
    </div>
    <div class="accordion-group">
      <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse"
           data-parent="#accordion1" href="#note2">
          Bar
        </a>
      </div>
      <div class="accordion-body collapse" id="note2">
        <div class="accordion-inner">
          <pre>Bar body</pre>
        </div>
      </div>
    </div>
</div>

显示并且项目正确展开，但项目不会折叠。当我单击打开的项目时，它会短暂折叠，然后再次展开。我在bootstrap版本2.1.0和2.1.1上看到过这种行为。此外，我正在使用JQuery 1.7.2和1.8.2以及在Chrome 22中查看。

Answer 1

问题最终导致我不小心将我的所有javascript脚本文件都包含了两次。删除重复修复一切。我不知道这个错误有多常见，但是如果其他人在将来遇到这个问题，那么获得这个答案可能会有所帮助，而不仅仅是删除这个问题。

Answer 2

我遇到了同样的问题。问题是我在 bootstrap之后加载了jQuery 。

手风琴不会崩溃

2 个答案: