アコーディオンは崩壊しません

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> 

表示され、アイテムが正しく展開されますが、アイテムは折りたたまれません。開いているアイテムをクリックすると、簡単に折りたたまれてから再び展開されます。私はブートストラップバージョン2.1.0と2.1.1でこの動作を見てきました。また、私はJQuery 1.7.2と1.8.2を使用してChrome 22で表示しています。

Answer 1

問題は、誤ってすべてのjavascriptスクリプトファイルを2回含むことになりました。複製されたすべてのものを削除する。私はこのミスがどれほど共通しているのか分かりませんが、将来この問題が他の誰かに発生した場合は、質問を削除するだけでなく、この答えを得ることが役に立ちます。

Answer 2

私は同じ問題を抱えていました。問題は、ブートストラップの後にjQuery をロードしたことでした。