JSFiddle - React, Tailwind, and code Playground

by zur4ik

HTML

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

CSS

.myClass { border: 2px dotted gray; }

JavaScript

$(function () {
    $("#div1").click(function () {
        $(this).effect("transfer", { to: "#div2", className: "myClass" }, 700);
    });
});