JSFiddle - React, Tailwind, and code Playground

HTML

<div id="yourDiv"></div>

CSS

#yourDiv {
  width: 100px;
  height: 100px;
  margin: 100px;
  background: #ccc;
}

JavaScript

var aboveDiv = false;

$('#yourDiv').click(function () { 
  aboveDiv = true;
});

$(document).click(function () {
    console.log(aboveDiv)
  if (!aboveDiv) $('#yourDiv').hide();
  aboveDiv = false;
});