JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<p>
asdjf aksjdf lkasjdfas
</p>
<div>
  a sdfa8sdf987a s9dfa9s8dufasidf 
  sdf 
  <div id="menucontainer">
  menü
  <button>
  asdf
  </button>
  </div>
  asidf
  üpasdüf iasüdfpia<vbr><br>
  a ksdfasjdfüaisjüdfoaijsdfasdfj +s</vbr>
</div>

CSS

#menucontainer {
  background: red;
  width: 100px;
  padding: 5px;
}

p {
  background: blue;
  position: absolute;
  top: 30px;
  left: 20px;
}

JavaScript

$(document).click(function(event) { 
    if(!$(event.target).closest('#menucontainer').length) {
        if($('#menucontainer').is(":visible")) {
            $('#menucontainer').hide();
        }
    }        
})