JSFiddle - React, Tailwind, and code Playground

by Chirag Vartak

HTML

<div class="toggle-menu open-menu">menu</div>

CSS

header .header-right .toggle-menu {
      cursor: pointer; }

JavaScript

$(".open-menu").click(function (e) { 
    $(".open-menu").addClass("close-menu1");
    $(".open-menu").removeClass("open-menu");
    e.stopPropagation();
});

  $(".close-menu1").click(function (e1) {
      $(".close-menu1").addClass("open-menu");
      $(".close-menu").removeClass("close-menu1");
});