Bootstrap 4 Bootstrap4折叠开关

我正在尝试在单击它时设置折叠切换的样式，并期望在显示折叠时有一个切换类。但是bootstrap4中的实际逻辑，例如：

按钮
折叠内容

首先单击，将显示折叠，并且不会更改按钮的类名

再次单击，按钮切换中添加了一个新的类名

折叠的

再次单击，classname

折叠的

将从按钮切换中删除

显示折叠内容时，如何将样式按钮切换为不同的样式？

$（文档）.ready（函数（）{
$（'#collapseExample'）。on（'hide.bs.collapse'，function（）{
$（'#myBtn'）.removeClass（'btn-success'）；
$（'#myBtn'）.addClass（'btn-primary'）；
});
$（'#collapseExample'）。on（'show.bs.collapse'，function（）{
$（'#myBtn'）.removeClass（'btn-primary'）；
$（'#myBtn'）.addClass（'btn-success'）；
})
});

按钮
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。