JSFiddle - React, Tailwind, and code Playground

by subhash9

HTML

<div id='divFade'>HoverMe</div>
<ul id="ulfade" style='display:none'><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li></ul>

JavaScript

var i=0
$('#divFade').mouseover(function(){ 
     $('#ulfade li:nth-child(' + i + ')').fadeIn(
                            500, function () {
                                $('#ulfade li:nth-child(' + (++i) + ')').fadeIn('slow');
                            });});