JSFiddle - React, Tailwind, and code Playground

HTML

<a id="trash" href="#">Trash Can</a><div class="contentbox ui-draggable"></div><div class="contentbox ui-draggable"></div><div class="contentbox ui-draggable"></div>

CSS

.contentbox {width:200px;height:200px;top:100px;left:100px;float:left;background:black;display:block;position:relative;}

JavaScript

$("#trash").droppable({
                tolerance: 'touch',
                over: function() {
                       $(this).removeClass('out').addClass('over');
                },
                out: function() {
                        $(this).removeClass('over').addClass('out');
                },
                drop: function() {
                        var answer = confirm('Permantly delete this item?');
                         $(".contentbox").remove();
                }
        });


$(document).ready(function() {
    $(".contentbox").draggable();
});