JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu_container">
    <a class="links">Menu 1</a>
    <a class="links">Menu 1</a>
    <a class="links">Menu 1</a>
</div>

CSS

.menu_container{
    display:inline-block;
    background:#eaeaea;
    padding:10px;
}
.links{
    background:#cacaca;
    margin-bottom:5px;
    display:block;
    cursor:pointer;
    padding:5px;
}

JavaScript

$(document).ready(function(){
    $(document).mouseup(function(e){
       var menu = $('.menu_container');
       if (!menu.is(e.target) // The target of the click isn't the container.
       && menu.has(e.target).length === 0) // Nor a child element of the container
       {
          menu.slideUp();
       }
    });
});