JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="parent">
    <button id="optionButton">Click</button>
    <div id="dropMenu">Drop Menu</div>
</a>

CSS

.parent{height:400px;display:block;color:#000;outline:none;text-decoration:none;cursor:default;}
.parent:focus #dropMenu{
    display:none;
}
#optionButton:focus + #dropMenu{
    display:block;
}