JSFiddle - React, Tailwind, and code Playground

HTML

<!Doctype html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  </head>
  <body>
    <div class="panel-group">
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" class="panel-title" href="#collapse1">Title</a>
        </div>
        <div id="collapse1" class="panel-collapse collapse">
          <ul class="list-group">
            <li class="list-group-item">item 1</li>
            <li class="list-group-item">item 2</li>
          </ul> 
        </div>
      </div>
    </div>
  </body>
</html>

CSS

.panel-heading a:active {
  background: red;
}