JSFiddle - React, Tailwind, and code Playground

by austegard

HTML

<script src="http://s3.austegard.com/ais/2011HolidayCard/jquery.animate-enhanced.min.js"></script>
<button id="divBtn">div</button>
<button id="imgBtn">img</button>
<div id="slides">
        <img src="http://s3.austegard.com/ais/2011HolidayCard/AIS-holiday2011_slide1.jpg">
</div>

CSS

#slides {position: absolute; top: 30px;}
img {position: absolute;}

JavaScript

$("#divBtn").click(function(){
    $("#slides").animate({left: "+=100px"})
        .animate({top: "+=100px"});
});

$("#imgBtn").click(function(){
    $("img").animate({left: "+=100px"})
        .animate({top: "+=100px"});
});