JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<main role="main">
       <h1 style="margin-top:63px;">Builds</h1>
<div class="panel-group mob_app_builds_history" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-primary">
    <div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapse25" role="tab" id="headingOne25">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" href="#collapse25" aria-expanded="false" aria-controls="collapse25">
          NBC <small style="mix-blend-mode: difference;">6 days ago</small>
        </a>
        <i class="indicator glyphicon glyphicon-chevron-down  pull-right"></i>
      </h4>
    </div>
    <div id="collapse25" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading25">
      <div class="panel-body">
        <p><b>Bundle:</b> abcd.ipa</p>
        <p><b>Tag:</b> "v3.17"</p>
      </div>
    </div>
  </div>
  </div><div>

CSS

.panel-heading {
    cursor: pointer;
}
.no-transition {
   -webkit-transition: height 0.01s;
   -moz-transition: height 0.01s;
   -ms-transition: height 0.01s;
   -o-transition: height 0.01s;
    transition: height 0.01s;
  }

JavaScript

function toggleChevron(e) {
    $(e.target)
    .prev('.panel-heading')
    .find("i.indicator")
    .toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
  }

  $('#accordion').on('hidden.bs.collapse', toggleChevron);
  $('#accordion').on('shown.bs.collapse', toggleChevron);