引导手风琴图标随jQuery在不同的手风琴主体上打开而改变

这是一把小提琴：

当你打开和关闭一个实体时，图标会发生变化，这很好，当你打开一个实体，然后打开另一个实体而不关闭第一个实体时，错误的图标会保留下来。我需要它在关闭时返回到右V形图标

我搞砸了（：隐藏），但没有成功的结果

$('#first-panel-span').is(":hidden")

---

任何帮助都将不胜感激。

我在这里能想到的唯一解决方案是将每个跨度的类重置为

'glyphicon-chevron-right'

，除了刚才单击的跨度

看看：

首先，我在HTML中为每个选项卡添加了类

手风琴面板

，以便您可以一起处理它们：

<p id="first-panel" class="accordion-panel">

演示：

$('.accordion-panel').on('click', function(){
    // each tab BUT this, remove 'down' and add 'right' to the span
    $('.accordion-panel').not(this).find('span:first').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-right');
    // toggle 'this' span
    $(this).find('span:first').toggleClass('glyphicon-chevron-down glyphicon-chevron-right');   
});