JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="Toggle"  value="Toggle Here" />

<div id="toggleArea">
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
Prodigy of Head!!!<br />Prodigy of Head!!!<br />
</div>

CSS

#toggleArea {
display:none;
/* you custome CSS here */
}

JavaScript

$(document).ready(function() {
    $('#Toggle').click(function() {
        $('#toggleArea').slideToggle(500, 'BounceOut');
        return false;
    });
});