JSFiddle - React, Tailwind, and code Playground

HTML

<div id="message-box">Stuffz</div>
<button>Slide</button>

CSS

#message-box {
    border: 0px solid red;
    height: 0;
}

JavaScript

$('button').click(function() {
    $('#message-box').stop(true).animate({height: 100}).delay(1000).animate({height: -1});
});