JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<h1>Hello</h1>
<p>Some more information</p>
</div>

CSS

p { 
    display: block; 
    -webkit-transition: opacity 1s ease-out; 
    opacity: 0; 
    height: 0; 
    overflow: hidden; 
}

div:hover p { 
    opacity: 1; 
    height: auto; 
}