JSFiddle - React, Tailwind, and code Playground

by mikeys4u

HTML

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script>
  
  <style>
    .myClass { border: 2px dotted gray; } 
  </style>
  
 
 
<script>
$(window).load(function(){
$(function () {
    $("#div1").click(function () {
    
    
        $(this).effect("transfer", { to: "#div2", className: "myClass" }, 1000);
     $(this).effect("transfer", { to: "#div2", className: "myClass" }, 1000);
        //$(this).effect("shake", { times: 2 }, 100);
    });
});
});  
 
</script>
 
      <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>