手風琴不會倒塌

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 文件（ 鏈接）。 你實際上確實需要兩者。