ブートストラップ倍（崩壊）ウィジェット

折りたたみ式（折りたたみ）のプラグインを簡単にページのその領域ように折り畳むことができます。 あなたがコンテンツを作成したり、コンテンツの多くのオプションを可能にするナビゲーションパネルを、崩壊し、それを使用するかどうか。

あなたは、個々のプラグイン機能を参照したい場合は、collapse.jsを参照する必要があります。 それと同時に、また、あなたは、ブートストラップのバージョンを参照する必要がトランジション（移行）プラグ 。 または、 ブートストラッププラグインの概要章で述べたように、あなたはbootstrap.jsまたはbootstrap.min.jsの圧縮バージョンを参照することができます。

あなたはプラグイン倍（折りたたみ）を使用することができます。

• 以下のように、パケットまたは折り畳み可能なアコーディオン（アコーディオン）を作成します。

  例

  <DIV クラス = "パネルグループ」 ID = "アコーディオン"> <DIV クラス= "パネルのpanel-default" > <DIV クラス = "パネルの見出し"> <H4 クラス = "パネル・タイトル"> <A データトグル = "崩壊" データ-親 = "#accordion" href = "#collapseOne"> 私が展開されますクリックして、私は再び折り畳まクリックします。 パート1 </ A> </ H4> </ DIV> <DIV ID = "collapseOne" クラス= "でパネル崩壊崩壊 "> <DIV クラス= "パネル体">ニヒルアニメーションのクーフィーヤのヘルベチカ、クラフトビールlaboreウェス・アンダーソンクレドnesciunt sapiente EA proident。広告ビーガンexcepteur肉屋副ロモ。</ div>の </ DIV> </ DIV> <DIV クラス= "パネルのpanel-default" > <DIV クラス = "パネルの見出し"> <H4 クラス = "パネル・タイトル"> <A データトグル = "崩壊" データ-親 = "#accordion" href = "#collapseTwo"> 私が展開されますクリックして、私は再び折り畳まクリックします。 パート2 </ A> </ H4> </ DIV> <DIV ID = "collapseTwo" クラス= "パネル崩壊崩壊" > <DIV クラス= "パネル体">ニヒルアニメーションのクーフィーヤのヘルベチカ、クラフトビールlaboreウェス・アンダーソンクレドnesciunt sapiente EA proident。広告ビーガンexcepteur肉屋副ロモ。</ div>の </ DIV> </ DIV> <DIV クラス= "パネルのpanel-default" > <DIV クラス = "パネルの見出し"> <H4 クラス = "パネル・タイトル"> <A データトグル = "崩壊" データ-親 = "#accordion" href = "#collapseThree"> 私が展開されますクリックして、私は再び折り畳まクリックします。 パート3 </ A> </ H4> </ DIV> <DIV ID = "collapseThree" クラス= "パネル崩壊崩壊" > <DIV クラス= "パネル体">ニヒルアニメーションのクーフィーヤのヘルベチカ、クラフトビールlaboreウェス・アンダーソンクレドnesciunt sapiente EA proident。広告ビーガンexcepteur肉屋副ロモ。</ div>の </ DIV> </ DIV> </ DIV>

  
  »をお試しください

  結果は以下の通りであります：

  
  1. あなたが展開または上崩壊するリンクに追加されたコンポーネントのデータトグル= "崩壊"。
  2. 親コンポーネントへのHREFまたはデータ・ターゲット属性は、その値は、IDのサブコンポーネントです。
  3. リンクアセンブリを展開したり折りたたんだりするにはIDにアコーディオン（アコーディオン）を追加するには、データ・親プロパティ。
• 以下に示すように、ジャバラ折りアセンブリ（折りたたみ式）することなく、簡単なマークを作成します。

  例

  <ボタン = "ボタン"を入力 クラス = "BTNのBTN-プライマリ」 データトグル = "崩壊" データターゲット = "#demo"> シンプルな折りたたみアセンブリ </ button>の <DIV ID = "デモ" クラス=>ニヒル」の崩壊」アニメーションのクーフィーヤのヘルベチカ、クラフトビールlaboreウェス・アンダーソンクレドnesciunt sapiente EA proident。広告ビーガンexcepteur肉屋副ロモ。</ div>の

  
  »をお試しください

  結果は以下の通りであります：

  

  あなたが例で見ることができるように、我々は、折りたたみ可能なアセンブリを作成し、パネル折り畳み（アコーディオン）異なる、我々は属性データ-親を追加しないでください。

使用法

次の表は、クラス倍（崩壊）プラグイン重い格納式を処理するための一覧を示します。

あなたはプラグイン2通りの方法で倍（崩壊）を使用することができます。

• データ属性を使用して：要素、自動配信制御折りたたみ可能な要素にデータトグル= "崩壊"とデータターゲットを追加します。データ・ターゲット属性は、CSSセレクタを受け入れ、それらのアプリケーションが影響を折るます。折り畳み式の要素.collapseクラスを追加してください。あなたはそれがデフォルトでオープンにしたい場合は、余分なクラス .INを追加します。

  折り畳み式アコーディオン対照と同様パケット管理を追加するには、データの属性データ-親= "＃セレクター」を追加します。

• JavaScriptをすることで次のように、崩壊の方法JavaScriptを有効にするには：

  $（ '。折りたたむ'）。）（折りたたみます
  

オプション

合格するためのデータ属性やJavaScriptを通していくつかのオプションがあります。 次の表は、これらのオプションを示します：

ウェイ

ここではいくつかの折り畳まれた（崩壊）がプラグインに便利な方法があります。

$('#identifier').collapse({
	toggle: false
})

$('#identifier').collapse('toggle')

$('#identifier').collapse('show')

$('#identifier').collapse('hide')

例

次の例では、方法を示しています。

結果は以下の通りであります：

イベント

次の表は、折り畳み（折りたたみ）はプラグインのイベントで使用されるように一覧表示されます。 これらのイベントは時フック関数を使用することができます。

$('#identifier').on('show.bs.collapse', function () {
	// 执行一些动作...
})

$('#identifier').on('shown.bs.collapse', function () {
	// 执行一些动作...
})

$('#identifier').on('hide.bs.collapse', function () {
	// 执行一些动作...
})

$('#identifier').on('hidden.bs.collapse', function () {
	// 执行一些动作...
})

例

次の例では、イベントの使用方法を示します。

結果は以下の通りであります：