JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">click here!</div>

JavaScript

$(document).ready(function() {
    var displayValue="inline-block";
    var bar=$("<div></div>").css({"background-color":"red","display":displayValue}).text("bar").hide().appendTo("#foo");
    $(document).click(function(){
        bar.fadeIn(function(){
            alert("display value was "+displayValue+" and now is "+bar.css("display"));
        });
    });
});