JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox">
<section>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam odio at reiciendis rem suscipit voluptatem eos maxime accusantium recusandae vero! Earum illum impedit nisi deleniti iusto amet voluptates quod facere dolor vero cumque possimus repellat. Incidunt eos ab reprehenderit voluptates totam suscipit ullam impedit perspiciatis mollitia harum dignissimos minus odit tempore quasi quia in eligendi aliquid quos hic voluptatibus magni!
</section>

CSS

section {
    width: 200px;
    background: red;
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
}
input:checked + section {
    max-height: 3000px;
}