$( ".grid-item" ).mouseover(function() { $(this).find(".slide-image").each(function(index) { $(this).delay(800*index).fadeIn(0); }); }).mouseleave(function() { console.log("Mouse Out!"); });

If the function plays once, it stops. Is there a way to loop the function? Check out my CodePen!