Bootstrap 4可在多個項目上懸停可摺疊

我發現了一些方法來展示bootstrap中的摺疊式手風琴功能，但是我無法通過懸停div.panel-heading > a元素時僅觸發一個panel-collapse的方式對其進行自定義。Bootstrap 4可在多個項目上懸停可摺疊

我做了以下內容：

$('div.panel-heading a').hover(function() { 
    $('.panel-collapse').collapse('show'); 
}, function() { 
    $('.panel-collapse').collapse('hide'); 
});

}

但每當我將鼠標懸停在a元素中的所有元素panel-collapse打開和關閉。如果他們不是panel-heading的子女，我該如何分離每個人？

小提琴這裏：http://jsfiddle.net/Tupira/084z33g5/1/

來源

2016-04-19 HGB

您可以編寫HTML結構爲整個面板？ – Caesar

問題是，此代碼$（'。panel-collapse'）會影響類面板摺疊的每個項目。解決方法是將要更改可見性的項目的父項設置爲。 – Caesar

有沒有辦法一般做？即觸發實際的原始引導功能？看到我上面的小提琴。 – HGB

試試這個代碼：

$('div.panel-heading a').hover(function() { 
    $('.panel-collapse', $(this).closest('.panel')).collapse('show'); 
}, function() { 
    $('.panel-collapse', $(this).closest('.panel')).collapse('hide'); 
});

來源

2016-04-19 15:12:27 Caesar

Bootstrap 4可在多個項目上懸停可摺疊

回答

相關問題