「Bootstrap 4入門」 collapse() で表示,非表示を制御するサンプル

2020年12月31日

書式
show:表示
hide:非表示
使用例

<button onclick="$('#cft').collapse('show')">表示</button>
<button onclick="$('#cft').collapse('hide')">非表示</button>
<button onclick="$('#cft').collapse('toggle')">トグル</button>
<button onclick="$('#cft').collapse('dispose')">Dispose</button>
<div class="collapse" id="cft">
  <div class="card card-body">
    this is a test data
  </div>
</div>

 

Bootstrap4

Posted by arkgame