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');
        }
);

删除它解决了这个问题。

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

1 个答案: