JSFiddle - React, Tailwind, and code Playground

by hh54188

HTML

<div style="background:yellow;width:500px;height:300px;">
            <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div>
            <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div>
    </div>

JavaScript

$(function () {
            $("#div1").click(function () {
                $(this).effect("transfer", { to: $("#div2") }, 1000);
                //$(this).effect("shake", { times: 2 }, 200);
            });
        });