JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuButton">
  Menu Button
</div>
<div class="navmenu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Something</a></li>
  </ul>
</div>

CSS

.menuButton {
  display:block;
}
.navmenu {
  display:none;
}
.navmenu.active {
  display:block;
}

JavaScript

$(document).ready(function() {
	var removeClass = true;
    $('.menuButton').on('click', function() {
    if (!$('.navmenu').hasClass('active')) {
    	$('.navmenu').addClass('active');
      removeClass = false;
    }       
    });
    $('.navmenu').on('click', function() {
      removeClass = false;
    });
    $('html').on('click', function() {
      if (removeClass == true) {
          $('.navmenu').removeClass('active');
      }
      removeClass = true;
    });
});