JSFiddle - React, Tailwind, and code Playground

by jashwant

HTML

<div id='mydiv'></div>

CSS

#mydiv {
  width: 300px;
  height: 300px;
  background-color: red;   
}

JavaScript

$('#mydiv').hover(function () {
    $(this).stop(true); 
},function () { 
   triggerFade(this);
});

var triggerFade = function (mydiv) {
    $(mydiv).fadeIn('slow',function () {
        $(mydiv).fadeOut('slow',function () {
            triggerFade(mydiv);
        })       
    });
};