JSFiddle - React, Tailwind, and code Playground

by Christopher

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:190px;}
    #red {
    width: 300px;
    height: 300px;
    background-color:red;
    position:relative;
    top:200px;
    margin-top: -300px;
    }

JavaScript

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