JSFiddle - React, Tailwind, and code Playground

by maljub01

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id="test">
    <div id="drop" class="box"><p>Drop it here</p></div>
    <div id="drag" class="box"><p>Drag me</p></div>
</div>

CSS

.box { width: 50px; height: 50px; border: 1px solid #000; background: #cfc; }
#drop { width: 100px; height: 100px; background: #efe; }

JavaScript

$('#drag').draggable({helper: 'clone', opacity: 0.35});
$('#drop').droppable({
  drop: function () { $('#drag').remove(); }
});