JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#contact">Contact Us</a>



<ul>
    <li>
        <a>Something else</a>
    </li>
    <li>
        <a id="contact">Contact</a>
        <ul class="subMenu" >
            <li>
                <p>Some text here and there.</p>
            </li>
        </ul>
    </li>
</ul>

CSS

.subMenu{
    display:none;
}

ul li:hover .subMenu,
ul li a:target + .subMenu{
    display:block;
}