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个相同类型的手风琴。所以默认情况下,第一个手风琴是打开的,其他所有手风琴都将关闭。所以一切正常,但是向上/向下箭头不是正常工作。它对第一只手风琴显示良好(向下的箭头表示手风琴打开),但对其他手风琴也显示相同的箭头(向下),而它必须显示向上箭头(由于手风琴关闭)..有什么帮助吗?

最佳答案

我相信您必须手动将.collapsed类添加到每个封闭式手风琴.accordion-toggle元素中。

喜欢:

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

07-24 09:50
查看更多