JSFiddle - React, Tailwind, and code Playground

HTML

<div id="blubloc">
    
    <div id="bluhead1">
    </div>
    <div id="bluhead2">
    </div>
    <div id="bluhead3">
    </div>
    
</div>


<div id="whitebloc">
    
    <div id="orangediv">
    </div>
    
    <div id="rnd">
        <img src="img/logo.gif" alt="ROUNDSHOT" />
        <a href="" class="button">klik!</a>
    </div> 
    
</div>

CSS

#whitebloc {
    position: absolute;
    border: 1px solid blue;
}

JavaScript

$(document).ready(function(){
    
    $('.button').click(function(e){
        e.preventDefault();
        $('#whitebloc').animate({top: '+=200'});
    });
    
});