JSFiddle - React, Tailwind, and code Playground

by nnmware

HTML

<div id="foo1">click here! with hide and fadeIn not run</div>
<div id="foo2">click here! without hide and fadeIn all ok</div>

JavaScript

$(document).ready(function() {
    var addValue="APPEND TEST LABEL";
    $('#foo1').on('click', function(){
    var b = $($.parseHTML(addValue)).hide().fadeIn('slow');
    $('#foo1').append(b);
     });
    $('#foo2').on('click', function(){
    var b = $($.parseHTML(addValue));
    $('#foo2').append(b);
     });
});