JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.js"></script>
<div id="one">One</div>
<div id="two">Two</div>

CSS

div {
    background-color: red;
    width: 40px;
    height: 40px;
    margin: 10px;
    float: left;
}

JavaScript

// Drag item one around. When item two is removed (after one second, the drag stops.
$('#one').draggable();
$('#two').droppable({
    drop: function(event, ui) {
ui.draggable.draggable("destroy");            
    }});