JSFiddle - React, Tailwind, and code Playground

HTML

<button id="button">Show menu</button>
<ul id="menu" hidden>
  <li>Home</li>
  <li>About</li>
  <li>Contact</li>
</ul>

CSS

#menu {
  contain: paint;
}

JavaScript

const menu = document.querySelector('#menu');
document.querySelector('#button').addEventListener('click', function() {
  if (menu.hasAttribute('hidden')) {
    menu.removeAttribute('hidden');
  } else {
    menu.setAttribute('hidden', '');
  }
});