折り畳み（Collapse）

HTML

<a href="#coll_1" class="coll-triger" role="button" data-toggle="collapse">
	<span class="spn-text">折り畳み動作ボタン</span>
	<i class="fas fa_coll"></i>
</a>
<div class="collapse show" role="tabpanel" id="coll_1">
	折り畳みの中身
</div>

CSS（Font Awesomeを利用）

.fa_coll::before{content: "\f068";}
.collapsed .fa_coll::before{content: "\f067";}