JSFiddle - React, Tailwind, and code Playground

HTML

<div class="solid"><a href="">Click me</a></div>
    <div id="block"></div>
    <div id="red"></div>

CSS

#block {
    width:300px;
    height:800px;
    background-color:orange;
    position:relative;
    top:-3000px;
}
#red {
    width: 300px;
    height: 300px;
    background-color:red;
    position:relative;
    top:200px;
    margin-top: -300px;
}

JavaScript

$(".solid a").click(function(event) {
        event.preventDefault();
        $("#block").css("top", "190px");
        $("#block").animate({top: '100px'}, { duration:'200', easing: 'easeOutBounce' });
    });