JSFiddle - React, Tailwind, and code Playground

by josh3736

HTML

<div id = 'container'>
    <div class = 'draggable'></div>
    <div class = 'draggable'></div>
    <div class = 'draggable'></div>
</div>

<div id = 'remove'> Remove a draggable </div>

CSS

#container { height:110px; }

.draggable
{
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid black;
    position:absolute;
}

JavaScript

$('.draggable').draggable();

$('#remove').click(function()
{
  $('#container').children().first().remove();
});