JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header"></div>

CSS

#header {
    background:red;
    width:200px;
    height:100px;
    margin-top:200px;
    opacity: 0;
}

JavaScript

$('#header').animate({
    'marginTop': '-=100px'
}, 1000, function(){ 
    $('#header').animate({
        'marginTop': '-=100px',
        'opacity': 1
    }, 1000)
});