JSFiddle - React, Tailwind, and code Playground

by acturbo

HTML

<a href="#" id="menu">click me for menu</a>

<div id="cont">
    
    <div id="test"></div>
</div>

CSS

html,body{
    height:100%;
    min-height:100%;
    overflow: hidden;
}
#cont{
    height:500px; 
    width:50px; 
    position:relative;
    
}
#test{
    height: 500px; 
    width: 50px; 
    background-color: #000; 
    display: none; 
    position:absolute; 
    bottom:0; 
    left:0;
}

JavaScript

// slide div up from bottom
$('#menu').click(function() {
        $('#test').animate({
            height: 'toggle'
            }, 300, function() {
        });
    });