JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div id="menucontainer"></div>
<div class="lol"></div>

CSS

#menucontainer {
    height: 20px;
    background-color: red;
}

.lol {
    background-color: yellow;
    height: 30px;
    display: none;
}

.dp_block {
    display: block;
}

JavaScript

/*event stop progpagation*/ 

$('html').click(function() {
    $('.lol').removeClass('dp_block');
 });

 $('#menucontainer').click(function(event){
     $('.lol').addClass('dp_block');
     event.stopPropagation();
 });