JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="parent">
<div id="top"> Lorem <br /> ipsum <br /> dolor<br />Lorem <br /> ipsum <br /> dolor</div>
</div>

CSS

#parent { height: 0px; position: relative; top: 0px; background: red;  }
#top { 
    bottom: 0px; height: 150px; width: 50px;
    position: absolute; left: 0px; 
}

JavaScript

$('#parent').animate({ height: '200' },900).animate({ height: '0' },900);