Twitter bootstrap 3 引导3-根据手风琴折叠状态更改面板标题中的图示符图标

我对Bootstrap还很陌生，我正在制作一个手风琴，里面有很多过滤器。用户将能够切换过滤器的打开和关闭，我想在面板标题中添加Glypion，以直观地增强面板的状态

感觉这应该是在Bootstrap中做的一件非常基本的事情（我真的希望尽可能地使用各种各样的Bootstrap功能），但是我在GetBootstrap.com文档中找不到任何可以解决这个问题的东西

这是我的一段标记。我已经移除了所有我尝试过但不起作用的东西

缩小范围：
[工作流程]

搜索结果

---

谢谢你的帮助

在Bootstrap的javascript on document就绪后添加如下代码：

$('#collapseCategory').on('show.bs.collapse', function(){
$('a.accordion-toggle > i').removeClass('glyphicon-collapse-up').addClass('glyphicon-collapse-down');
});  
$('#collapseCategory').on('hide.bs.collapse', function(){
$('a.accordion-toggle > i').removeClass('glyphicon-collapse-down').addClass('glyphicon-collapse-up');
});     

另见：

$('#collapseCategory').on('show.bs.collapse', function(){
$('a.accordion-toggle > i').removeClass('glyphicon-collapse-up').addClass('glyphicon-collapse-down');
});  
$('#collapseCategory').on('hide.bs.collapse', function(){
$('a.accordion-toggle > i').removeClass('glyphicon-collapse-down').addClass('glyphicon-collapse-up');
});