JSFiddle - React, Tailwind, and code Playground

by alexvestin

HTML

<div id="container">click me</div>

<div id="nav"></div>

CSS

#container{
   width: 100px;
   height: 100px;
   background-color: green;
   border: 1px solid black;
}

#nav {
  width:100px;
  height: 100px;
  background-color: red;
}

JavaScript

var container = document.getElementById("container") 
var nav = document.getElementById("nav") 
container.onclick = () => {
  	if(nav.style.display !== "none")
    	nav.style.display = "none";
     else
     	nav.style.display = "block";
}