コラップス 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>