JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<button id="myButton">Toggle</button>
<br /><br />
<div id="myDiv"></div>

CSS

#myDiv {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 20px;
    background: cyan;
}

JavaScript

$(document).on('click', function(event) { 
   if ( $(event.target).closest('#myButton').length ) {
        $("#myDiv").toggle();
   } else if( $('#myDiv').is(":visible") && $(event.target).closest('#myDiv').length === 0) {
        $("#myDiv").hide();
   }
});