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>