JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
    <h1>Lorem Ipsum</h1>
</div>    

<button type="button" id="expand">Expand</button>

CSS

.container{
 background:lightblue;
 top: 0px; 
 left: 0px; 
 width: 100%; 
 display: block; 
 height:0px;
 overflow:hidden;
 }