bootstrap 3崩潰顯示並隱藏重疊的海誓山盟

Question

我有一個網站使用引導程序3，並在單擊圖像時執行摺疊面板。我有代碼來監視'show'事件，它將'隱藏'所有面板。即時通訊的問題在於轉換動畫並未等待彼此完成，導致一些奇怪的動畫發生。示例頁面在這裏（http://urbantimber.ca/newsite/product-flooring.html）。

我的函數看起來像：

$(function() { 
     var active = true; 
     $('#accordion').on('show.bs.collapse', function() { 
      if (active) $('#accordion .in').collapse('hide'); 
     }); 
    }); 

我也試圖通過速度設定爲0.001S但曇花一現還是顯示了否定的過渡。

尋找如何看即得成品Show事件之前的動畫完成的任何想法。即時通訊認爲它需要是一個點擊事件之前，節目甚至開始，但我不知道如何去做這件事。任何想法或意見非常感謝。

Answer 1

，如果你不是最好還是先創建自己實現我不知道。你並沒有真正使用任何'手風琴'功能。也許只是讓一個點擊事件處理程序附加到每個圖像上來檢查是否顯示詳細信息面板會更容易，如果不是，則只需使用jquery show方法顯示它。如果它已經顯示，您可以用項目的詳細信息替換面板html。 （順便說一句，漂亮的網站）。