Bootstrap 4 个悬停时可折叠的多个项目

Question

我找到了几种方法来公开 bootstrap 中的可折叠手风琴功能，但是我无法以悬停 [=] 时仅触发一个 panel-collapse 的方式对其进行自定义13=]元素.

我正在做以下事情：

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

}

但是每当我将鼠标悬停在 a 元素上时，所有 panel-collapse 元素都会打开和关闭。如果它们不是 panel-heading 的 children，我如何隔离它们？

Fiddle 这里：http://jsfiddle.net/Tupira/084z33g5/1/

Answer 1

试试这个代码：

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

Bootstrap 4 个悬停时可折叠的多个项目

Bootstrap 4 collapsible on hover with multiple items

collapse

bootstrap-4