JSFiddle - React, Tailwind, and code Playground

by marko4286

HTML

<div id="panel">
admin opcije
</div>

<div id="footer">
<a href="#" id="toggle">admin panel</a>
</div>

CSS

body{
    width:100%;
    margin:0;
    padding:0;
}
#footer {
    position:absolute;
    bottom:0;
    background-color:#000;
    height:40px;
    width:100%;
    float:left;
    
}
#footer a{
    color: #fff;
    text-decoration:none;
    font-size: 30px;
    text-transform: uppercase;
}

#panel {
    display: none;
    background-color: #cc0000;
    color:#fff;
    position:absolute;
    bottom: 40px;
    width:100%;
}

JavaScript

$(document).ready(function(){
    $("#toggle").click(function(){
        $("#panel").slideToggle("slow");
    });
});