JSFiddle - React, Tailwind, and code Playground

by Anton Dyshkant

HTML

<div id="original_div">
</div>

CSS

#original_div {
    width: 100px;
    height: 100px;
    background: #0f0;
    cursor: pointer;
}
#new_div {
    width: 50px;
    height: 50px;
    background: #f00;
}

JavaScript

var new_div = $('<div id="new_div">111</div>');
$('#original_div').click(function(){
    new_div.hide();
    $('#original_div').append(new_div);
    new_div.show('slow');
});