JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Item
        <ul>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
        </ul>
    </li>
    <li>Item
        <ul>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
        </ul>
    </li>
    <li>Item
        <ul>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
            <li>SubItem</li>
        </ul>
    </li>
</ul>

CSS

li ul { display:none; }
li:hover ul { display:block; }