html 带多个物品的可折叠的Bootstrap 4

ecbunoof 于 2022-11-27 发布在 Bootstrap

关注(0)|答案(1)|浏览(192)

我已经找到了一些方法来公开引导程序中的可折叠 accordion 函数，但是我无法定制它，使其在悬停div.panel-heading > a元素时仅触发一个panel-collapse。
我正在执行以下操作：

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

}
但是，每当我把鼠标悬停在a元素上时，所有的panel-collapse元素都会打开和关闭。
在这里拨弄：http://jsfiddle.net/Tupira/084z33g5/1/

Html

来源：https://stackoverflow.com/questions/36721755/bootstrap-4-collapsible-on-hover-with-multiple-items

1条答案

按热度按时间

4dc9hkyq1#

请尝试以下代码：

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

赞(0）回复(0）举报 2022-11-27

我来回答

html 带多个物品的可折叠的Bootstrap 4

1条答案

相关问题

热门标签

最新问答