JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="container">
    <input type="checkbox" id="menu" />
    <label for="menu">Menu</label>
    <div class="liste">
      <ul>
        <li>Eintrag 1</li>
        <li>Eintrag 2</li>
        <li>Eintrag 3</li>
      </ul>
    </div>
  </div>
</body>

CSS

.container: {
  margin: 0.5em;
}

.liste {
  display: none;
}

label[for="menu"] {
  padding: 1em;
  border: 1px solid red;
  cursor: pointer;
}

#menu {
  display: none;
}

#menu:checked ~ .liste {
  display: block;
}

#menu:checked ~ label[for="menu"] {
  background-color: red;
}