JSFiddle - React, Tailwind, and code Playground
HTML
Test
<div>
Test<br />test
<div>
Test<br />test<br />test
<div id="divId">
<div>Test<br />test<br />test<br />test</div>
</div>
</div>
</div>
CSS
div {
margin: 15px;
border: 1px solid #000;
}
#divId {
border: 1px solid #f00;
}
JavaScript
$(document).on("click", function(e) {
var $div = $("#divId");
if (!$div.is(e.target) && !$div.has(e.target).length) {
$div.fadeOut();
}
});