Question

这是我的代码。手风琴功能有点像。

我想打开第二个手风琴打开的页面（class =“in”）。

如果我点击“时间表”，它会消失，这很好。如果我点击“ToDo”，它会下降，即使它已经打开了。但再次点击它会使它消失。啊。它只是不打开第二个面板作为默认值。

        <div class="accordion" id="myAccordion">
            <div class="accordion-group">
                <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#myAccordion" href="#ToDo"> ToDo </a> </div>
                <div id="ToDo" class="accordion-body collapse" style="height: auto; ">
                    <div class="accordion-inner">
                        This is the first
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#myAccordion" href="#Schedule"> Schedule </a> </div>
                <div id="Schedule" class="accordion-body in collapse" style="height: auto; ">
                    <div class="accordion-inner">
                        this is the second
                    </div>
                </div>
            </div>
        </div>

Answer 1

尝试删除#ToDo和#Schedule上的内嵌样式。从两者中删除style="height: auto; "。这些都覆盖了collapse类的级联属性。

Bootstrap手风琴无法正确打开

1 个答案:

JSFiddle