手风琴不会倒塌

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。

Answer 3

我有一个类似的愚蠢问题。 我忘记添加脚本标签以包含 Bootstrap JS 功能...确保包含 Bootstrap CSS 文件（ 链接）和 JS 文件（ 链接）。 你实际上确实需要两者。