JSFiddle - React, Tailwind, and code Playground

by matku

HTML

<div id="cointainer"></div>
<button id="add"> add </button>

CSS

.hidden{
    opacity:0;
}
.show{
    opacity:1;
}
label{
    transition-property: opacity;
    transition-duration: 1s; 
}

JavaScript

$("#add").click(function (){
   var element = "<label class='hidden'> fffff </label>"
   $("#cointainer").append(element);
    
    $(".hidden").addClass("show");
});