コラップス collapse.js
アコーディオンなどのように、コンテンツを開閉できるJavaScript。
サンプル
表示/非表示
表示したり、折り畳んだりできるコンテンツ。
使い方
a
要素で開閉する場合は、data-toggle
属性にcollapse
を指定、href
属性に、表示したり、折り畳んだりするコンテンツのid
属性値やclass
属性値を指定する。
button
要素で開閉する場合は、data-toggle
属性にcollapse
を指定、data-target
属性に、表示したり、折り畳んだりするコンテンツのid
属性値やclass
属性値を指定する。
アコーディオンの作り方については、こちら。
パネルを開閉する方法については、こちら。
ソースコード
<a class="btn btn-default" data-toggle="collapse" href="#collapseExample"> 表示/非表示 </a> <div class="collapse" id="collapseExample"> <div class="well"> 表示したり、折り畳んだりできるコンテンツ。 </div> </div>