JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="menu">
  <p>My Menu</p>
</div>

<br/><br/><br/>
<button id="showMenu">
  Show/Hide Menu
</button>

CSS

.menu {
  transition: left 0.5s ease;
  position: absolute;
  width: 400px;
  left: -400px;
  background-color: red;
}

.show {
  left: 0;
}

JavaScript

$('#showMenu').click(function(){
	var menu = $('.menu');
  menu.toggleClass('show');
});