BizStrap レスポンシブ Web サイト テーマの一部として紹介されているアコーディオンを使用しています。これのデフォルトでは、下部パネルが開いています。
アコーディオンの設定は、すべてのパネルが閉じられるようにクラスと高さを設定する以外は、テンプレートに従っています。
<a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed">
Panel title</a>
</div>
<div class="accordion-body collapse" id="collapseOne" style="height: 0px;">
<div class="accordion-inner">
開発 ページはこちら。
また、最初のパネルを開いた状態でセットアップしようとしました。この場合の問題は、一番上のパネルより下のパネルが開いている場合、一番上のパネルが開いたままになり、2 番目のパネルのコンテンツがコンテナー DIV の外側に拡張されることです。奇妙なことに、最初に上部パネルをクリックしてから、アコーディオンの下のパネルが正しく機能しました。このクラスは「accordion-toggle e」で、高さは「auto」に設定されています。開発ページはこちら。
Bootstrap を使用してアコーディオンをセットアップしたことがないので、理解するのに苦労しています。これらの結果のいずれかを達成するのに役立つ指針があれば、本当に感謝しています!!!