一部追加イベントトップに戻るコンポーネント折り畳みBootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。クラスとJavaScriptプラグインを使用して、プロジェクト全体のコンテンツの可視性を切り替える。works)折り畳み式のJavaScriptプラグインは、コンテンツの表示と非表示に使用。ボタンまたはアンカーは、切替える特定の要素にマップされるトリガーとして使用。アニメーション化される。代わりのクラスを独立したラッピング要素に使用すること。メディアクエリに依存。詳細はアクセシビリティのモーションを小さくするを参照。属性を持つボタンが使用可能。見本リンク式ボタン式コンテンツが表示されます。card-body">コンテンツが表示されます。属性のjQueryセレクタを使用して複数の要素を参照および非表示にすることが可能。属性で要素を参照する場合、それらの要素を表示および非表示にすることが可能。第1要素のコンテンツ。第1要素のコンテンツ。第1要素のコンテンツ。第1要素のコンテンツ。第2要素のコンテンツ。第2要素のコンテンツ。第2要素のコンテンツ。第2要素のコンテンツ。card-body">第1要素のコンテンツ。第1要素のコンテンツ。第1要素のコンテンツ。第1要素のコンテンツ。card-body">第2要素のコンテンツ。第2要素のコンテンツ。第2要素のコンテンツ。第2要素のコンテンツ。example)v4.4.1設定変更カードコンポーネントによるアコーディオンカードコンポーネントを使用すると、デフォルトの折り畳み動作を拡張してアコーディオンが作成可能。デザインがv3のパネルからカードでの作成に変更。ラッパーとして使用すること。5のアイコンを使用する方法をJSサンプル集に記載。この属性は、コントロールに関連付けられた折り畳み可能な要素の現在の状態をスクリーンリーダーや同様の支援技術に明示的に伝える。コントロールで設定する。プラグインは、折り畳み可能な要素が開いているか閉じているか(JavaScript経由か、ユーザーが同じ折り畳み可能な要素に関連付けられた別のコントロール要素を切り替えて)自動的にコントロールの属性を切り替える。属性を要素に追加する必要がある。属性を追加する必要がある。モダンなスクリーンリーダーや同様の支援技術は、この属性を利用して折り畳み可能な要素自体に直接移動する追加のショートカットをユーザに提供している。Bootstrapの現在の実装では、WAI-ARIAオーサリングプラクティス1.1のアコーディオンパターンで説明されているさまざまなキーボードの相互作用はカバーしていないので注意。任意のJavaScriptでこれらを組み込む必要がある。要素に追加するだけで、1つまたは複数の折り畳み可能な要素の制御が自動的に割り当てられる。属性は、折り畳みを適用するCSSセレクタを受け入れる。