Question

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个相同类型的手风琴。默认情况下，第一个手风琴打开，所有其他手风琴将被关闭。所以每件事都很好但是上/下箭头没有正常工作。第一个手风琴显示正常（手风琴被打开时向下箭头），但是当它必须显示箭头时（因为手风琴被关闭）它也向其他人显示相同的箭头（向下）...任何帮助都将是理解？

Answer 1

我相信您必须手动将.collapsed课程添加到每个已关闭的手风琴.accordion-toggle元素中。

像：

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

将向上/向下图标添加到Twitter Bootstrap手风琴不工作？

1 个答案: