JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer"></div>

CSS

#footer {
    background: darkblue;
    height: 107px;
    position: fixed;
    width: 1600px;
    top: 494px;
    left: 0px;
    z-index: 3;
}

JavaScript

$('#footer').hover(function () {
    $(this).stop().animate({top:"440px"}, 500);     
}, function () {
    $(this).stop().animate({top: "494px" },500);     
});