JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">foo</div>

CSS

.foo {
    background: red;
    left: 0;
    padding: 2em;
    position: absolute;
    top: 0;
}

JavaScript

$(function() {
    var $foo = $('.foo');
    $foo.hover(function() {
                clearTimeout($foo.t);
                $foo.stop().animate({top: 40} ,{duration:500});
            }, function(){
                $foo.t = setTimeout((function() {
                    $foo.stop().animate({top: 0} ,{duration:500});
                }), 1000);
        });
});