Bootstrap 2.2手風琴 - 摺疊後內容仍然可見

我正在使用非常基本的Bootstrap摺疊。我的代碼取自Bootstrap文檔（2.2）模板。Bootstrap 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 -->

來源

2013-07-31 Adam Tal

嘗試刪除您的瀏覽器緩存 – Spl2nky

您應該上傳到jsfiddle以獲得更多幫助;） – Pascamel

無法啓動它的工作（展開）：http://jsfiddle.net/9h8Qx/ - 這是我的確切代碼，它是在我的工作結束。 –

UPDATE：發現問題。

我在代碼中有下面的代碼片段，我不太確定我從哪裏得到它或爲什麼它在那裏（我從Bootstrap文檔中刷出佈局以節省時間，事實證明 - 糟糕的想法:)）。

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

刪除它解決了這個問題。

來源

2013-08-01 06:56:25

Bootstrap 2.2手風琴 - 摺疊後內容仍然可見

回答

相關問題