JSFiddle - React, Tailwind, and code Playground

by Dmitry Dementyev

HTML

<a href="javascript:void(0);" class="dropmenu">Dropdown menu</a>
<ul style="display:none">
    <li><a href="#">Dropdown link 1</a></li>
    <li><a href="#">Dropdown link 2</a></li>
</ul>

JavaScript

$(document).ready(function(){
    var toggleClick = function(){

        var divObj = $(this).next();
        var nstyle = divObj.css("display");

        if(nstyle == "none"){
            divObj.slideDown(false,function(){
                $("html").bind("click",function(){
                    divObj.slideUp();
                    $("html").unbind("click");
                });
            });
        }
    };

    $(".dropmenu").click(toggleClick);
   
});