JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menuwrap">
    <a href="#" id="menutoggle">Menu Toggle</a>
    <ul id="menucontainer">
        <li><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
        <li><a href="#">Three</a></li>
    </ul>
</div>

CSS

#menucontainer {
    display:none;
}

JavaScript

$('#menutoggle').click(function(event){
  $('#menucontainer').toggle();
});

$('html').click(function(e) {
	if($(e.target).parents('#menuwrap').length == 0) {
    $('#menucontainer').hide();
  }
});