JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.js"></script>

<div id="container">
    <div id="box1"></div>
    <div id="box2"></div>
</div>

CSS

#container{
    position: absolute;
}
#box1 {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #000;
}
#box2 {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 20px;
    background: rgba(0, 200, 0, 0.5);
}

JavaScript

$( "#container" ).hide().show( "slide", { direction: "down" }, 2000 );