JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    Some content
    <div id="hover-content">
        Only show this when hovering parent
    </div>
</div>

CSS

#hover-content {
    display:none;
}
#parent:hover #hover-content {
    display:block;
}