下面的 accordion 代码对我来说不能正常工作。

<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中查看。