JSFiddle - React, Tailwind, and code Playground

by kylewlacy

HTML

<!-- Test this by opening the lower right-hand corner in a new window or tab -->
<noscript>
    <style type="text/css">
        #jquery-thing {
            display: block !important;
        }
    </style>
</noscript>

<div id="jquery-thing">
<p>This has an awesome fade in effect, but only for people that have JS enabled!</p>
</div>

CSS

#jquery-thing {
    display: none;
}

JavaScript

$("#jquery-thing").fadeIn(500);