JSFiddle - React, Tailwind, and code Playground
HTML
<div>Something Else</div>
<div id="hidable">Div to be hidden when something else is clicked</div>
<div>Something Else</div>
<div>Something Else</div>
JavaScript
function checkExternalClick(event)
{
var target = $(event.target);
if(target[0].id != "hidable")
{
$("#hidable").hide();
}
}
$(document).mousedown(checkExternalClick);