JSFiddle - React, Tailwind, and code Playground

by alnitak

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").live("click", function(ev){
    $(".dropMenuCont").slideUp();
    if($(this).next().css("display") == "none"){
        $(this).next().slideDown();
    }else{
        $(this).next().slideUp();
    }
    ev.stopPropagation();
    
    $(document).one('click', function() {
             $(".dropMenuCont").slideUp();

    });
});