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

我正在使用一个非常基本的引导折叠。我的代码取自引导文档（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 -->

---

更新：发现问题

我的代码中有以下代码片段，我不太清楚它是从哪里来的，也不清楚它为什么会在那里（我从引导文档中删除了布局以节省时间，结果是——坏主意：））

---

删除它解决了问题。

尝试删除浏览器缓存您应该上传到JSFIDLE以获得更多帮助；）无法使其工作（扩展）：-这是我的确切代码，在我这方面起作用。

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