JSFiddle - React, Tailwind, and code Playground

by andrew rowe

HTML

<table>
    <tr><td>one</td><td>two</td></tr>
    <button id='append'>append</button>
    <button id='move'>move</button>
    <div id='imgPlace'></div>
</table>

CSS

table td{
    border: 2px solid black;
    border: 2px solid black;
    width: 5em;
    height: 5em;
}
#imgPlace {
    position: absolute;
    top: 20px;
    left: 50px;
}
#imgPlace img {
     position: absolute;
   
}

JavaScript

var $me;

$('#append').click(function(){
   $me = $('<img id="ximg" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/White_Stork_%28Ciconia_ciconia%29_%285%29.jpg/320px-White_Stork_%28Ciconia_ciconia%29_%285%29.jpg">');
    $('#imgPlace').append($me);
    
});

$('#move').click(function(){
    $($me).animate({top:'160'});
});