JSFiddle - React, Tailwind, and code Playground

by TCHdevlp

HTML

<div id="footer">
    blah
</div>

<div id="toggleFooter">X</div>

CSS

#footer{
height: 120px;
background-color: #00FFFF;
position: fixed;
z-index: 1;
bottom: 0;
width: 100%;
}

#toggleFooter{
    position:fixed;
    z-index:2;
    bottom: 5px;
    right : 5px;
}

JavaScript

$("#toggleFooter").click(function(){
    $("#footer").slideToggle({
        duration : 200
    }); 
});