JSFiddle - React, Tailwind, and code Playground

HTML

<button>click</button>
<div class="mydiv"></div>

CSS

div{
    width:200px;
    height:200px;
    background:red;
    display:none;
}

JavaScript

$('button, .mydiv').click(function(e) {
    e.stopPropagation();
    $('.mydiv').slideDown();
})

$(document).click(function() {
    $('.mydiv').fadeOut();
})