JSFiddle - React, Tailwind, and code Playground

HTML

<div tabindex="0">
        Show More
        <ul>
            <li><a href="#">Hidden Content</a></li>
            <li><a href="#">Hidden Content</a></li>
            <li><a href="#">Hidden Content</a></li>
        </ul>
    </div>

CSS

div > ul
        {display:none;}
    div:hover > ul, div:focus > ul
        {display:block;}