Javascript 向Twitter引导添加上/下图标手风琴不工作？

css代码：

.accordion-caret .accordion-toggle:hover {
    text-decoration: none;
}
.accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong {
    text-decoration: underline;
}
.accordion-caret .accordion-toggle:before {
    font-size: 25px;
    vertical-align: -3px;
}
.accordion-caret .accordion-toggle:not(.collapsed):before {
    content:"▾";
    margin-right: 0px;
}
.accordion-caret .accordion-toggle.collapsed:before {
    content:"▸";
    margin-right: 0px;
}

引导：

<div class="accordion-group accordion-caret">
        <div class="accordion-heading"> 
              <a class="accordion-toggle" data-toggle="collapse" id="accordion_toggle" data-parent="#accordion2" href="#collapseFour">Maps</a>
         </div>

        <div id="collapseFour" class="accordion-body collapse">
            <div> 
                <div class="accordion-inner">
                      <div class="tabbable tabs-left">hello</div> 
                </div>
            </div>
        </div>
</div>

你好

---

在上面我给出了我的手风琴代码。因此我有3个相同类型的手风琴。因此默认情况下，第一个手风琴打开，所有其他手风琴将关闭。因此，所有操作都正常，但上/下箭头工作不正常。第一个手风琴显示正常（打开手风琴时向下箭头）但它也为其他人显示相同的箭头（向下），而它必须显示向上箭头（因为手风琴已关闭）…如果需要任何帮助，将不胜感激。

我相信您必须手动添加

。将类折叠到每个已关闭的手风琴
。手风琴切换
元素

比如：



<a class="accordion-toggle collapsed" data-toggle="collapse" id="accordion_toggle" data-parent="#accordion2" href="#collapseFour">Maps</a>