JSFiddle - React, Tailwind, and code Playground

HTML

<div class="auto-collapse fixed-height">
   <div>Lorem Ipsum</div>
   <p>
     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 
   </p>
</div>

<br>
    
<div class="auto-collapse auto-height">
   <div>Lorem Ipsum</div>
   <p>
     Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 
   </p>
</div>

CSS

.auto-collapse
{
  border:solid 1px red;
  height:30px;
  overflow:hidden;
    
  transition:all 1s;
}

.fixed-height:hover
{
  height:130px;
}

.auto-height:hover
{
  height:auto;
}