JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">pre-hover stuff
    <div>Stuff</div>
</div>
<div class="morecontent">
    asd
</div>

CSS

.foo > div { display: none; }
.morecontent { display: none; }
.foo:hover + * {display: block; }