JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<div id="slider"></div>

CSS

#slider {
    margin: 0 auto;
    width: 800px;
    height: 600px;
    background: red;
    display: none;
}

JavaScript

$(document).ready(function(){
    $('#slider').slideDown(1500, "easeOutQuart");
});