アコーディオン

Collapse JavaScript プラグインと組み合わせて、垂直方向に折りたためるアコーディオンを構築できます。 オプションの全リストについては、公式 Bootstrap ドキュメントをご覧ください。

これは最初のアイテムのアコーディオン本体です。 デフォルトでは表示されますが、collapse プラグインが各要素のスタイル設定に使用する適切なクラスを追加します。 これらのクラスは、全体的な外観と、CSS トランジションによる表示と非表示を制御します。 これらの変更は、カスタム CSS を使用したり、デフォルト変数をオーバーライドしたりすることで行うことができます。 .accordion-body 内にはほぼすべての HTML を記述できますが、トランジションによってオーバーフローが制限されます。

これは2番目のアイテムのアコーディオン本体です。 デフォルトでは非表示になっていますが、collapseプラグインが各要素のスタイル設定に使用する適切なクラスを追加すると非表示になります。 これらのクラスは、全体的な外観と、CSSトランジションによる表示と非表示を制御します。 これらの変更は、カスタムCSSを使用したり、デフォルト変数をオーバーライドしたりすることで行うことができます。 .accordion-body 内にはほぼすべてのHTMLを記述できますが、トランジションによってオーバーフローが制限されます。

これは3番目のアイテムのアコーディオン本体です。 デフォルトでは非表示になっていますが、collapseプラグインが各要素のスタイル設定に使用する適切なクラスを追加すると非表示になります。 これらのクラスは、全体的な外観と、CSSトランジションによる表示と非表示を制御します。 これらの変更は、カスタムCSSを使用したり、デフォルト変数をオーバーライドしたりすることで行うことができます。 .accordion-body 内にはほぼすべてのHTMLを記述できますが、トランジションによってオーバーフローが制限されます。