Bootstrap手风琴图标改变与jQuery在不同的手风琴身体开放

Question

这是一个小提琴：http://jsfiddle.net/7r0tjLr5/2/

当您打开和关闭身体时，图标会发生变化，这很好，只有当您打开一个身体然后打开另一个身体而不关闭第一个身体时，仍会显示错误的图标。我需要它在关闭时返回正确的雪佛龙图标

我已经搞砸了。（＆＃34;：隐藏＆＃34;）但没有成功的结果。

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

任何帮助将不胜感激，谢谢。

Answer 1

看看：

首先，我为每个标签添加了类accordion-panel的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');   
});

演示：http://jsfiddle.net/7r0tjLr5/6/

Answer 2

我能想到的唯一解决方案是将每个范围的课程重置为'glyphicon-chevron-right'，除了您刚刚点击的范围。