JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<input type="button" id="btnFade" value="Fade Out" />
<br/>
<br/>
<div id="dvData">
    <ul>
        <li>jQuery</li>
        <li>JavaScript</li>
        <li>Dojo</li>
        <li>Mootools</li>
    </ul>
</div>

CSS

body {
    font-family:Arial;
    font-size: 10pt;
}

JavaScript

$(document).ready(function () {
    $('#btnFade').bind('click', function () {
        FadeOut();
    });

    function FadeOut() {
        setTimeout(function () { FadeDiv(); }, 2000);
    }

    function FadeDiv() {
        $('#dvData').fadeOut();
    }
});