JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
	<div class="inner">
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    </div>
</div>

CSS

.outer{
	position:relative;
}

.inner {
    background: red;
    display: none;
}

.outer > .inner {
    background: green;
    border: 5px solid #3c6;
}

JavaScript

$(function () {
    $('.inner').show('fold', 2000);
});