JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<a href="#">click</a>
<div class='cont'>
    <div></div>
</div>

CSS

div.cont {background:green;}
div.cont div {background:blue;height:40px;margin:10px;}

JavaScript

$('div.cont > div').draggable();
$('a').click(function(){
    var newDiv = $('<div></div>').appendTo('.cont');
    newDiv.droppable({
        drop: function( event, ui ) {
            $( this ).css('background-color','red')
        }
    });
});