twitter-bootstrap - Bootstrap 2.2 手风琴 - 折叠后内容仍然可见

Question

我正在使用一个非常基本的 Bootstrap 崩溃。我的代码取自 Bootstrap docs (2.2) 模板。

但是，当我单击标题以折叠某个部分时，该部分会向上滑动，但内容在消失之前仍然可见 2-3 秒。

由于它不一致，我玩弄了它，并注意到它通常发生在单击折叠该部分的链接后光标位于内容顶部时。

有没有人遇到过这种行为？任何想法如何防止这种情况发生？

我的代码：

   <div class="accordion" id="accordion2">
      <div class="accordion-group" id="sec_productname">
        <div class="accordion-heading">
             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion03" href="#collapse0301">Section1</a>
        </div>
        <div id="collapse0301" class="accordion-body collapse">
          <div class="accordion-inner">
                <!-- section 1 content goes here -->
          </div><!-- /end accordion-inner -->
        </div><!-- /end accordion-body -->
      </div><!-- /end accordion group -->
   </div><!-- /end accordion2 -->

Answer 1

更新：发现问题。

我的代码中有以下片段，我不太确定我从哪里得到它或为什么它在那里（我从 Bootstrap 文档中刷了布局以节省时间，结果是个坏主意:)）。

   $('.accordion-body.collapse').hover(
        function () {
        $(this).css('overflow','visible');
        }, 
        function () {
        $(this).css('overflow','hidden');
        }
);

删除它解决了这个问题。