JSFiddle - React, Tailwind, and code Playground

by mvasko

HTML

<div id="nav">
    <p>Home</p></br><p>About Us</p>
</div>
<div id="con"><button>Show Navigation</button>
</div>

CSS

#nav{
    background:#98bf21;
    height:300px;
    width:100px;
    position:absolute;
    top:50px;
    display:none;
    
}
#con{
    background:blue;
    height:400px;
    width:500px;
}

JavaScript

$(document).ready(function(){
  $("button").click(function(){
    $(nav).animate({width:'toggle',});
  });
});