JSFiddle - React, Tailwind, and code Playground

by dixalex

HTML

<button> Menu Test </button>
<div id="flexMenu"></div>

CSS

#flexMenu {
 /* display: inline-block;*/
  position: fixed;
  float: left;
  background: #1f1f1f;
  margin: 3.9em 0 0 0;
  padding: .25em;
  width: 15%;
  height: 6em;
  border: 2px solid #fff;
  z-index: 100;
 }

JavaScript

//Menu Hide on Click + Show on reclick
//http://stackoverflow.com/questions/31600615/change-div-display-value-using-javascript-jquery-function/31600730#31600730

$("button").on('click', function () {
    $('#flexMenu').toggle("slow");
});