JSFiddle - React, Tailwind, and code Playground

HTML

<h2 class="trigger">Menu</h2>
<div class="hidden">
blah blah
</div>
<h2 class="trigger">Search</h2>
<div class="hidden">
search stuff
</div>

JavaScript

$(".hidden").hide();
     $("h2.trigger").toggle(function(){
         $(this).addClass("active");
          }, function () {
         $(this).removeClass("active");
     });
          $("h2.trigger").click(function(){
         $(this).next(".hidden").slideToggle("slow,");
     });