JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="showhide">I am visible, and can be tapped/hovered.
         <ul id="menu">
              <li>Menu item 1</li>
              <li>Menu item 2</li>
         </ul>
    </li>
    </ul>

CSS

#showhide{
     position:relative
}
#menu{
     position: absolute;
     left: -999px
}
#showhide:hover #menu{
     left: 0px
}