css - Bootstrap 手风琴未正确打开

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类的级联属性。

JSFiddle