JSFiddle - React, Tailwind, and code Playground

HTML

<span title='Option' class='optionCont'>Drop Menu</span>
<ul class='dropMenuCont'>
    <li>Menu1</li>
    <li>Menu1</li>
    <li>Menu1</li>
</ul>

CSS

.dropMenuCont{
 display: none;   
}

JavaScript

$(".optionCont").click(function(e){
    $(".dropMenuCont").slideUp();
    if($(this).next().css("display") == "none"){
        $(this).next().slideDown();
    }else{
        $(this).next().slideUp();
    }
    e.preventDefault();
    e.stopPropagation();
    return false;
});

$(document).click(function() {
     $(".dropMenuCont").slideUp();
});