JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne">
     <h4 class="panel-title">
         Main <span class="fa fa-caret-right"></span>
     </h4>

</div>

JavaScript

$('.panel-heading').click(function () {
     $(this).find('span.fa').toggleClass( 'fa-caret-down', 'fa-caret-right' );
 });