下のボタンをクリックでコードが出ます
<div class="container mt-3">
<button type="button" class="btn text-white" data-bs-toggle="collapse" data-bs-target="#demo" style="background-color: #3ddc84;">ボタンをクリック</button>
<div id="demo" class="collapse">
your text here
</div>
</div>
<button type="button" class="btn text-white" data-bs-toggle="collapse" data-bs-target="#demo" style="background-color: #3ddc84;">ボタンをクリック</button>
<div id="demo" class="collapse">
your text here
</div>
</div>
(mt-3 は消しても構わないです)
mt-# はレスポンシブのマージントップのクラスです(0から5まで設定可)
JetThemeでもBootstrapが使われているので使用できます
関連リンク
Collapse · Bootstrap v5.2
https://getbootstrap.com/docs/5.2/components/collapse/
0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。