JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="Menu">
     
     <li><a href="#">menu 2 </a>
          <ul>
            <li><a href="#">sub 1</a></li>
            <li><a href="#">sub 2</a></li>
            <li><a href="#">sub 3</a>
            <ul>
            <li><a href="#">sub 1</a></li>
            <li><a href="#">sub 2</a></li>
            <li><a href="#">sub 3</a></li>
         </ul></li>
         </ul>
     </li>
    
</ul>

CSS

#Menu ul {display:none;}
#Menu { list-style:none;}
#Menu li:hover > ul {display:block;}