JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">Menu</div>

<button id="openMenu">Toggle menu</button>

CSS

#menu {
    height: 300px;
    width: 0px;
    border: 1px solid black;
    display: none;
}

JavaScript

$("#openMenu").click(function() {
    var menu = $("#menu");
    if ($(menu).is(":visible")) {
        $(menu).animate({width: 0}, 1000, function() {$(menu).hide();});
    } else {
        $(menu).show().animate({width: 100}, 1000);           
    }
});