JSFiddle - React, Tailwind, and code Playground

by mreis1

HTML

<div class="parent">
    
    
    
    <div class="menu">
<a href="#">toggle red</a>
<div class="red" style="display:none;">
    asdasdas
</div>
</div>
    
</div>

CSS

.parent{

    height:700px;
    width:600px;
    border:1px solid red;

}
.menu{
    border:1px solid #333;
}

JavaScript

$('.menu').on('click', function(e){
    e.preventDefault()
        e.stopPropagation()
     $('.red').show()
});

$('body').not('.menu').on('click', function(){
     $('.red').hide()
});