Collapseの応用的な使用方法 上に挙げた不満点を解消するための、使用方法を解説します。 アンカーテキスト以外をクリックして展開する デフォルトでは、panel-headingクラスを使用しているため、list-item-groupを使用することで、アンカー以外をクリックしても展開できるようになります。 変更前 <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse"> Sample </a> </h4> </div> 変更後 <a class="list-group-item" data-toggle="collapse" data-parent="#accordion" href="#collapse