Bootstrap3
日本語リファレンス

広告

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

広告