JSFiddle - React, Tailwind, and code Playground

by dandclark_msft

HTML

<li>
  <a href="#">Parent1</a>
    <a href="#">Parent2</a>
    <ul>
        <li>
            <a href="#">Child</a>
        </li>
    </ul>
    <a href="#">Parent3</a>
    <ul>
        <li>
            <a href="#">Child</a>
        </li>
    </ul>
</li>

CSS

li ul {
    display: none;
}
li:hover ul,
li a:focus + ul {
    display: block;
}