0

これが私のコードです。アコーディオン機能は一種の機能です。

2 つ目のアコーディオンを開いた状態 (class="in") でページを開きたいと思います。

「Schedule」をクリックすると消えてしまうのでいいですね。「ToDo」をクリックすると、すでに開いているのにドロップダウンします。しかし、もう一度クリックすると消えます。うーん。デフォルトでは2番目のパネルで開かないだけです。

        <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>
4

1 に答える 1

1

#ToDoとのインライン スタイルを削除してみてください#Schedule。style="height: auto; "を両方から取り外します。これらは、collapseクラスのカスケード プロパティをオーバーライドしています。

JSFiddle

于 2012-08-25T23:50:42.693 に答える