Bootstrap アコーディオンパネル



クリックしてください
クリックしてください
クリックしてください

…ここにコンテンツが入ります01
…ここにコンテンツが入ります01
…ここにコンテンツが入ります01
…ここにコンテンツが入ります02
…ここにコンテンツが入ります02
…ここにコンテンツが入ります02
    …ここにコンテンツが入ります03
    …ここにコンテンツが入ります03
    …ここにコンテンツが入ります03

<a class="btn btn-default" data-toggle="collapse" href="#acd-01">クリックしてください</a>
<a class="btn btn-default" data-toggle="collapse" href="#acd-02">クリックしてください</a>
<a class="btn btn-primary" data-toggle="collapse" href="#acd-03">クリックしてください</a>
<div class="collapse" id="acd-01">
  <div class="well">
    …ここにコンテンツが入ります01
    …ここにコンテンツが入ります01
    …ここにコンテンツが入ります01
  </div>
</div>
<div class="collapse" id="acd-02">
  <div class="well">
    …ここにコンテンツが入ります02
    …ここにコンテンツが入ります02
    …ここにコンテンツが入ります02
  </div>
</div>
<div class="collapse" id="acd-03">
  <div class="well">
    …ここにコンテンツが入ります03
    …ここにコンテンツが入ります03
    …ここにコンテンツが入ります03
  </div>
</div>

Bootstrap

前の記事

Bootstrap タブ