Bootstrap手風琴切換邏輯

我有一個自舉手風琴和手風琴標題我有兩個div。一個div顯示（可見1）手風琴關閉時。另一個顯示手風琴是開放的（可見的2）。見FIDDLEBootstrap手風琴切換邏輯

但問題是，當我打開手風琴，並再次關閉相同的手風琴可見2 div出現而不是visible1。我不知道我做了什麼錯誤。我的鬃毛目標是當手風琴關閉時它應該顯示visible1，當手風琴打開時應該顯示visible2。任何幫助將不勝感激。

$('body').on('click', '.list-bar', function() { 

    $(".visiable1").slideDown("fast"); 
    $(".visiable2").slideUp("fast"); 

    $(this).children(".visiable1").slideUp(); 
    $(this).children(".visiable2").slideDown(); 


});

來源

2014-11-06 Raihan

勾成Bootstrap panel's collapse event：

$(document).on('hidden.bs.collapse shown.bs.collapse', '.panel', function() { 
    $(this).find('.visiable1, .visiable2').slideToggle('fast'); 
});

來源

2014-11-06 20:30:00

非常感謝你爲我找到這個。這是完美的 – Raihan 2014-11-06 20:50:38

當然。將其標記爲「已接受」。 – 2014-11-06 20:56:46

您遇到的是被點擊每個標題的時候，你不知道，如果該項目已打開的問題打開或關閉。

當你點擊一個標題時，你會導致visiable2滑落，這將使visibility2成爲無論如何顯示的標題。

解決此問題的一種方法是向當前打開的元素添加一個類，並將其用作確定是否應顯示或隱藏標籤的方法。

來源

2014-11-06 20:43:29 lukevp

Bootstrap手風琴切換邏輯

回答

相關問題