JSFiddle - React, Tailwind, and code Playground

HTML

<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat sunt tempora, cupiditate quia labore nam quas consequuntur ducimus nemo tempore dolorem beatae voluptatem unde excepturi, error eius commodi laudantium quisquam?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque quo nisi, eos impedit voluptate, molestiae repudiandae ullam deserunt magnam sed aliquam eveniet id illo qui nemo vero quis officiis, veritatis.
</div>

CSS

div{
  height: 0px;
  transition: all 0.5s ease;
  overflow: hidden;
  border:1px solid red;
}

div:hover{
  height:auto;
}