JSFiddle - React, Tailwind, and code Playground

by Purag Moumdjian

HTML

<div>
    <div>Status: <span class="status"></span></div>
    <div>Height: <span class="height"></span></div>
</div>

<div class="content">
    <div class="content-body">
        <div class="dup">Click To Duplicate</div>
    </div>
</div>

CSS

.dup{ background-color:cyan; }

JavaScript

$(function() {

        $('.height').html( $('.content-body').height() );
    
    $('.dup').live('click', function(){
        var clone = $(this).clone();
        $(this).parent().append( clone );
        $('.height').html( $('.content-body').height() );
        $('.status').html('Resizing');
    });
    
});