次のアコーディオン コードが正しく動作しません。
<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 で表示しています。