JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>menu item 1</li>
<li>menu item 2<ul>
     <li>sub menu item 1</li>
     <li>sub menu item 2</li>
</ul></li>
<li>menu item 3<ul>
     <li>sub menu item 1</li>
     <li>sub menu item 2</li>
</ul></li>
</ul>

CSS

ul {
    float:left;
}
ul ul li {
    float:left;
}
ul ul {
    float:right;
    display:none;
}

JavaScript

$("ul li ul").parent().hover(function(){
    $(this).children().toggle();
});