bootstrap 3崩潰顯示和隱藏彼此重疊

Question

我有一個網站正在使用引導程序3，並且在單擊圖像時正在做一個折疊面板。 我有適當的代碼來監視“隱藏”所有面板的“顯示”事件。 問題是過渡動畫沒有等待對方完成，導致發生了一些奇怪的動畫。 示例頁面在此處（ 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來消除過渡，但該提示仍然顯示。

尋找有關在表演事件結束之前如何觀看動畫完成的想法。 我認為這應該是在節目甚至開始之前發生的點擊事件，但我不確定該如何進行。 任何想法或評論都將不勝感激。

Answer 1

我想知道您是否最好不要只創建自己的實現。 您實際上並沒有使用任何類似“手風琴”的功能。 在每個圖像上附加一個單擊事件處理程序以檢查是否顯示了詳細信息面板，這可能會更容易，如果不顯示，則可以使用jquery show方法顯示它。 如果已經顯示，則可以將面板html替換為該項目的詳細信息。 （順便說一句，漂亮的網站）。