JSFiddle - React, Tailwind, and code Playground

by Sanjito Kurniawan

HTML

<ul>
    <li tabindex="">Menu
        <ul class='submenu'>
            <li>Submenu</li>
            <li>Submenu</li>
            <li>Submenu</li>
        </ul>
    </li>
</ul>

CSS

.submenu { display: none; }
li:focus > .submenu { display: block; margin-left: 10px; }
li[tabindex] { outline: none; }