JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example">
    <h1>Information</h1>
    <p>bla bla bla bla</p>
    <p>bla bla bla bla</p>
    <p>bla bla bla bla</p>
    <p>bla bla bla bla</p>
</div>

CSS

div.example {
height:20px;
    display:block;
    overflow:hidden;
    -webkit-transition: height 1s linear;
}
div.example:hover {
height:100%;
       -webkit-transition: height 1s linear;
}