JSFiddle - React, Tailwind, and code Playground

by Ronen Cypis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<img id="img1" src="http://placehold.it/100X100" />
<img id="img2" src="http://placehold.it/100X100" />

JavaScript

var img1 = $('#img1'),
    img2 = $('#img2');

img1.draggable({
	axis: 'y',
    drag: function(event, ui){
    	img2.css('top', ui.position.top+'px');
    }
});
img2.draggable({
    drag: function(event, ui){
    	img1.css('top', ui.position.top+'px');
    }
});