JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<a href="#">Expand</a>
<div class="outter">
<div class="inner"></div>
</div>

CSS

.outter {
 width: 200px;
 height: 10px;
 background: red;
 overflow: hidden;
 display: block;
 -webkit-transition: all 1s ease-in-out;
}

.inner {
 height: 300px;
 width: 25px;
 background: blue;
}

JavaScript

$('a').on('click', function(e){
    $('.outter').css({'height':'auto'});       
});