JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fuckerMOVE"></div>
<p class="move">MOVE 'em</p>

CSS

div {
    width:100%;
    height:100px;
    background:black;
    position:relative;
}
p {
    font-size:20px;
}

JavaScript

$(".move").click( function(event){
    event.preventDefault();
    if ($(this).hasClass("isDown") ) {
        $(this).stop().animate({opacity:"0.5"}, 270);
        $(this).removeClass("isDown");
                
                //can put hover in here????
    } else {
        $(this).stop().animate({opacity:"1"}, 300);
        $(this).addClass("isDown");
    }
    return false;
});

if ($(".move").hasClass("isDown")){

    $(".fuckerMOVE").hover(
       function() {
           $(this).stop().animate({top:"10px"},215);
       }, 
       function() {
           $(this).stop().animate({top:"0px"},230);
    });

}