html - 引导手风琴加号未更新

Question

我有两个引导手风琴和每个内部手风琴。第一个默认打开。当我点击第二个时，第一个图标没有更新为加号。

这是我的jsfiddle

也只能打开一个手风琴，在我的本地它可以工作，但在 jsfiddle 没有，我不知道为什么。

.css

.panel-title {
  position: relative;
  cursor: pointer;
  padding-left: 50px !important;
}

.panel-title::after {
  content: "\f067";
  color: #3a3a3a;
  left: 22px;
  position: absolute;
  font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
  content: "\f068";
}

标签： htmlcssbootstrap-4

Answer 1

在您的示例中，您使用的是引导程序版本 3.3.7。如果你用 4.6.0 版本升级你的小提琴，它应该可以正常工作。

https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css

工作小提琴