JSFiddle - React, Tailwind, and code Playground

HTML

<span class="menu">menu</span>
<ul id="none">
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

CSS

#none{
  list-style:none;
  padding: 0;
  display: none;
}

JavaScript

var menu = document.querySelector("span.menu");
var ul = document.getElementById("none");
menu.addEventListener("click", function(){

  ul.style.display="block";

});

menu.addEventListener("click", function(){
	setTimeout(function () {
  	if(ul.style.display==="block"){
      ul.style.display="none";
    }
  }, 1000);
});