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()
    var text = $(menu).is(':visible') ? 'close' : 'open';
    $(menu).slideToggle();   
    $('.sub-menu-status').text(text);
  });