JSFiddle - React, Tailwind, and code Playground

by pebox11 Pebox11

HTML

<button class="btn btn-link" type="button" data-toggle="collapse"     data-target="#collapseTree" aria-expanded="false"         aria-controls="collapseTree">
     <b>click me</b>
        </button>
         <div class="collapse" id="collapseTree">
            <div class="well">
              <h6>Example text goes here</h6>
            </div>
         </div>

JavaScript

$(document).ready(function () {
      $(document).click(function (event) {
      var clickover = $(event.target);
      var _opened = $(".btn-link").hasClass("collapse");
             if (_opened === true && !clickover.hasClass("data-toggle") && clickover.parents('.btn-link').length == 0) {
                $("button.data-toggle").click();
             }
       });
  });