JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<div id="main"><div class="outer">
    <div class="inner">abc</div>
</div>
</div>
<div id=add>add</div>

CSS

.outer{
    background: #EDEDED;
    width: 250px;
    height: 100px;
}
.inner{
    display: none;
}
.outer:hover .inner{
    display: block;
}
#add{cursor:pointer;}

JavaScript

$("#add").click(function(){
    $("#main").append("<div class='outer'><div class='inner'>abc</div></div>");
});