Jquery 折叠按钮'；s类在项目是否折叠时更改

很抱歉，这段代码，但我刚刚开始开发，根本不知道我想要的触发点在哪里

所以我想要的是： 我已经意识到，当我点击一个按钮时，连接到它的区域会显示出来，另外两个区域会塌陷。 我不知道的是，当我的区域显示时，如何更改按钮的类别（从右前角到下前角），并在折叠时返回默认值

这是我的HTML：

章节标题
章节说明

还有我的js：

$（'#accordeon'）.on（'show.bs.collapse'，function（）{
$（'#accordeon.in'）。折叠（'hide'）；
});

---

这里有一种有点粗俗的方法。如果您使用的标记结构更接近Bootstrap所建议的，则会更简单

$('.stylebtn').click(function() {
    $(this).find('.fa').toggleClass('fa-angle-down fa-angle-right')
    .closest('div').siblings().find('.fa')
    .removeClass('fa-angle-down').addClass('fa-angle-right');
});

---

主题外：有了正确的标记（请参阅引导文档），您就不必编写上面的jQuery了。手风琴的功能是内置的。另外，主题是：

col-sm-4 col-md-4 col-lg-4

可以简单地

col-sm-4

。非常感谢，它工作得很好。如果在任何情况下，我想改进我的代码并像你说的那样使用标记结构，你能告诉我应该怎么做吗？