JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
</div>

JavaScript

// create content dynamically 

{
    var q = $("<span></span>");
    q.addClass("tag");
    q.html("blink");
    q.appendTo($("#container"));
    q.addClass("blink");
}
{
    var q = $("<span></span>");
    q.addClass("tag");
    q.html("no blink");
    q.appendTo($("#container"));
}

//$('.blink').slideUp();
//$('.blink').slideDown();
// if the above two lines are executed, blink (below) on IE works.
// if the above two lines are not executed, blink (below) on IE does not work.

for(var i = 0; i < 3; i++) {
    $('.blink').fadeOut();
    $('.blink').fadeIn();
}

// something in slideUp/slideDown causes blink on dynamically generated content to work in IE ?