JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

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(FadeDiv(), 2000); 
  }
    
  function FadeDiv()
  {
    $('#dvData').fadeOut();
  } 
});