ブートストラップアコーディオンを作成する必要があります。以下のマークアップは正常に機能しますが、以前に開いた要素を自動折りたたみしません。たとえば、panel1を開き、次にpanel2をクリックします。次にpanel1は自動で閉じますが、そうではありません。ブートストラップサイト(http://twitter.github.com/bootstrap/javascript.html#collapse)からマークアップを正確にコピーしようとしましたが、機能しません。私は何が欠けていますか?
<h3>ACCORDION DEMO</h3>
<div class="accordion" id="accordion1">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel1">Panel 1</a>
</div>
<div class="accordion-body collapse" id="panel1">
<div class="accordion-inner">
<p>This is accordion panel 1 content</p>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-parent="accordion1" data-toggle="collapse" href="#panel2">Panel 2</a>
</div>
<div class="accordion-body collapse" id="panel2">
<div class="accordion-inner">
<p>This is accordion panel 2 content</p>
</div>
</div>
</div>
</div>