Javascript 如何修改引导手风琴中的箭头？

我编写了一些JavaScript，并尝试在aria扩展元素为true或false时替换该类，但似乎什么都没有发生 当页面加载时，第一张卡片是打开的，因为aria expanded=“true”。 我想找到一种方法，在aria扩展元素的值更改时替换中的类。我是jQuery和webdev的新手，非常感谢您的帮助。 编辑-我使用引导手风琴来确保一次只能打开一个

或文件
或注释
或姓名

这是jquery

if（$（'a'）.attr（'aria-expanded'）.val（）{
$（“a i”）.attr（“类”，“fa角向下”）；
}否则{
$（“a i”）.attr（“类”，“fa角度向上”）；
}

例如，您需要使用事件来捕获更改 试试这个：-

$（'[data toggle=“collapse”]'）。在（'click'，function（）上{
if（$（this.attr（'aria-expanded'）=='true'）{
$（this）.find（'i'）.addClass（'fa-angle-up'）.removeClass（'fa-angle-down'）；
}否则{
$（this）.find（'i'）.addClass（'fa-angle-down'）.removeClass（'fa-angle-up'）；
}
});

或注释
陈词滥调
我知道您可能想使用JavaScript来实现，但我有一种纯CSS的实现方法：

HTML
我删除了锚标签上所有不必要的属性。我还删除了图标上的
fa-angle-down
。图标状态将通过CSS设置


或文件


小提琴演示
这似乎没有做任何更改。我已经添加了代码段，现在您可以看到输出。这似乎只适用于一个卡片元素。但这是我的错误，我的问题中没有包括倍数。如果您有任何建议，我已经对这个问题进行了编辑。@TerriSong:它们都控制着相同的
#collapseNotes
？很抱歉。我犯了一个错误copying@TerriSong当前位置它仍然有效。请检查我的更新。