JSFiddle - React, Tailwind, and code Playground

by EDWIN MAURICIO QUISHPE MALDONADO

HTML

<div id="layout"><div class="div1"></div></div>


<span id="menu">Click here</span>

CSS

#layout{width:300px; height:300px; border:1px solid blue}
.div1, .div2, .div3{width:20px; height:20px; border:1px solid #000}

JavaScript

$(document).ready(function () {

      $(".div1, .div2, .div3, .div4, .div5").draggable();


      $("#menu").click(function () {

           $("<div class='div1'></div>").appendTo("#layout");//.draggable();

      });
    $('#layout').on("mouseover", ".div1", function() {
        $(this).draggable();
    });

});