JSFiddle - React, Tailwind, and code Playground

by johncmolyneux

HTML

<div id="div1" style="padding:20px; font-weight:bold; font-size:20px">This is a div</div>

CSS

#div1
{
    background-color:#fee;
}
#div2
{
    background-color:#efe;
}
#div3
{
    background-color:#eef;
}
#div4
{
    background-color:#eff;
}
.div
{
    color:blue;
}

JavaScript

$(function() {
    $("#div1").clone(true).appendTo($("#div1").parent()).attr("id", "div2");
    $("#div1").clone(true).appendTo($("#div1").parent()).attr("id", "div3");
    $("#div1").clone(true).appendTo($("#div1").parent()).attr("id", "div4");
});