JSFiddle - React, Tailwind, and code Playground

by trustweb

HTML

<div id="push">push me</div>

<div id="container">
<ul>
    <li class="active_li">
        <div class="top"><input type="text" /></div>
        <div class="bottom"><textarea></textarea></div>
    </li>
</ul>
</div>

CSS

#container ul li{height:100px; width:400px; border:1px solid #CCC;}
.active_li{background-color:#CCC;}

JavaScript

$("#push").click(function(){
    $(".active_li").after('<li>ciao</li>')
});