JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<div>
  <label for="menu-visited" class="show">show</label>
</div>


<div>
  <input type="checkbox" id="menu-visited">
  <div class="menu"></div>
</div>

CSS

.show {
  background-color: blue;
  padding: 6px;
  display: block;
  cursor: pointer;
}

.menu{
  width: 200px;
  height: 500px;
  background-color: red;
  display: none;
}

#menu-visited {
  display: none;
}

#menu-visited:checked + .menu {
  display: block;
}