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

Question

这里有一个小提琴:http://jsfiddle.net/7r0tjLr5/2/

当你打开和关闭一个主体时，图标会改变，这很好，只是当你打开一个主体然后打开另一个而不关闭第一个时，不正确的图标仍然存在。我需要它返回到右雪佛龙图标时关闭

我试过。(":hidden")但是没有成功的结果。

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

Answer 1

看一下:

首先，我添加到HTML类accordion-panel，为每个选项卡，所以你可以处理他们一起:

<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'，除了您刚刚单击的那个。