JSFiddle - React, Tailwind, and code Playground

by mkdskd

HTML

<div class="row">
    <div class="col-md-12">

      <h2 class="sub-menu" style="cursor: pointer;"> 
        <span class="dashboard-icon">ICON</span>
          Dashboard <span class="sub-menu-status"></span><br/>
      </h2>

    </div>

  </div>

  <div class="row">
      SHOW HIDE THIS CONTAINER
      </div>

JavaScript

$('.sub-menu').on('click', function(){
    var menu = $(this).parents('.row').next()
    $(menu).slideToggle(function() {
        var text = $(menu).is(':visible') ? 'open' : 'close';
        $('.sub-menu-status').text(text);
    })
  });