JSFiddle - React, Tailwind, and code Playground

HTML

<div><label for="menu">menu css</label></div>
<div><label class="menu_show">menu js</label></div>
<div>
  <input type="checkbox" id="menu">
  <div class="menu">
    <a>link1</a>
    <a>link2</a>
    <a>link3</a>
  </div>
</div>

CSS

.menu{
  display:none;
}
#menu{
  width:0;
  height:0;
  border:0;
  margin:0;
  padding:0;
  opacity:0;
  position:absolute;
}
#menu:checked+.menu{
  display:block;
}

JavaScript

$(function(){
	$('.menu_show').on('click',function(){
    	$('.menu').toggle()
  });
})