JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hamburger">=</div>
<div id="slider">test</div>

SCSS

#hamburger {
  background: #fff;
  border: 1px solid #f7f7f7;
  padding: 5px;
  max-width: 20px;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
}

#slider {
  background: #fff;
  border: 1px solid #f7f7f7;
  padding: 50px;
  max-width: 200px;
  text-align: center;
}

JavaScript

$(document).ready(function() {
  $("#hamburger").on('click', function() {
    $("#slider").animate({width:'toggle'},350);
  });
});