JSFiddle - React, Tailwind, and code Playground
HTML
<button>Click Me!</button>
<div id="something">This is hidden until the button is clicked</div>
<div>Clicking here should remove it</div>
CSS
#something {
display: none;
}
JavaScript
$("button").on('mouseup', function (event1) {
$("#something").show();
});
$(document).on('mouseup', function (event2) {
if(event2.target != $("button")[0]) {
$("#something").hide();
}
});