JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">hover</a>
<p>Text here</p>

CSS

a:hover + p {
    opacity: 1;
    max-height: 100px;
    width: 100px;
}

p {
    opacity: 0;
    max-height: 0;
    transition: max-height opacity .5s ease;
}