JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accordion">
<input type="checkbox" id="acc"><label for="acc">Menü</label>
<nav>
<a href="#">Menüpunkt1</a>
<a href="#">Menüpunkt2</a>
<a href="#">Menüpunkt3</a>
<a href="#">Menüpunkt4</a>
</nav>
</div><!--/.accordion-->

CSS

.* {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
 box-sizing:border-box;
}

nav, .accordion input {
 display:none;
}

.accordion input:checked ~ nav {
  display:block;
}



nav a , .accordion label {
 display:block;
 padding:5px;
 text-decoration:none;
 background:#eee;
 color:#000; 
 width:30%;
}