css - Bootstrap Accordion 无法正确打开

Question

这是我的代码。 Accordion 功能有点像。

我希望页面打开时打开第二个 Accordion (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