Javascript 更改手风琴折叠时的图标方向

我有这个，其中包括一个引导手风琴嵌入在另一个手风琴，问题是，雪佛龙的权利，现在没有表现出预期的

从下面的代码可以看出，当触发

折叠时，V形会改变方向，但是，现在它在嵌入式手风琴中，这似乎不是解决方案

$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".glyphicon-chevron-down").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
}).on('hidden.bs.collapse', function(){
$(this).parent().find(".glyphicon-chevron-up").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
});

我通常更喜欢用CSS来实现这一点——比起在嵌套时检测打开/关闭哪个项目，或者在一个页面上有多个项目要简单得多

1） 如果默认情况下已关闭，则将类“折叠”添加到手风琴标题中（引导将切换该类，但如果在加载页面时该类不存在，则在打开并关闭手风琴项目之前不会添加该类）

2） 摆脱JS并添加以下CSS：

.panel-heading.collapsed .glyphicon-chevron-down {
  transform:rotateX(0deg);
}
.panel-heading .glyphicon-chevron-down {
  transition:transform .5s;
  transform:rotateX(180deg);
}

如果你不喜欢翻转动画，只需去掉
转换
规则，但我认为它会增加一些东西

我通常更喜欢使用CSS来实现这一点，这比在嵌套时检测打开/关闭的项目或页面上有多个项目要简单

1） 如果默认情况下已关闭，则将类“折叠”添加到手风琴标题中（引导将切换该类，但如果在加载页面时该类不存在，则在打开并关闭手风琴项目之前不会添加该类）

2） 摆脱JS并添加以下CSS：

.panel-heading.collapsed .glyphicon-chevron-down {
  transform:rotateX(0deg);
}
.panel-heading .glyphicon-chevron-down {
  transition:transform .5s;
  transform:rotateX(180deg);
}

如果你不喜欢翻转动画，只需去掉
转换
规则，但我认为它会增加一些东西

我认为这是一个新的引导折叠功能。bs.collapse适用于所有collpase，但不适用于特定=/我认为这是一个新的引导折叠功能。bs.collapse适用于所有collpase，但不适用于特定=/非常好的方法，就像添加翻转动画一样，谢谢！我对此有一个后续查询，如果我希望“示例2”窗口从一开始就打开，因此V形从一开始就指向上，我将如何修改CSS以说明一些V形向上，一些向下？例如，我猜我需要对那些即将开始的类应用第二个类？是的，您只需将标题中折叠的类从标题中移除，该标题应开始打开，并在面板主体上添加“in”。小提琴：非常好的方法和喜欢翻转动画的添加，谢谢！我对此有一个后续查询，如果我希望“示例2”窗口从一开始就打开，因此V形从一开始就指向上，我将如何修改CSS以说明一些V形向上，一些向下？例如，我猜我需要对那些即将开始的类应用第二个类？是的，您只需将标题中折叠的类从标题中移除，该标题应开始打开，并在面板主体上添加“in”。小提琴：