JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box_box">box_box</div>
<div class="box">box</div>

CSS

div {
    position: absolute;
    height: 75px;
    width: 75px;
    
    border: 1px solid black;
}
div.box {
    left: 100px;
}

JavaScript

var makou = true;

if (makou) {
    $( ".box_box" ).click(function() {
        $(this).unbind('click');
        console.log('click');
        $( ".box" ).animate({
            top: "+=300",
        }, 50, function() {
        });
        makou = false;
    });
}

$( ".box_box" ).mouseleave(function() {
    if (!makou) {
        console.log('mouseleave');
        $( ".box" ).animate({
            top: "-=300",
        }, 50, function() {
        });
        makou = true;
    }
});