JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<button>Toggle</button>
<div class="menu"></div>
CSS
.menu{
height: 300px;
width: 100px;
background:red;
position: relative;
transition: all 0.5s;
left: -100%;
}
.active{
left: 0px
}
JavaScript
var leftMenu = 100;
$('button').click(function(){
if($('.menu').hasClass('active')){
$('.menu').removeClass('active');
}else{
$('.menu').addClass('active');
}
})