fadeOut - fadeIn

fadeOut - fadeIn

by jmucci

HTML

<div class="fadeInfadeOut" style="background-color:green; width:50px; height:50px;"></div>

JavaScript

$('.fadeInfadeOut').bind('fade-cycle', function () {
  console.log("doFadeInfadeOut");
    if (doFadeInfadeOut) {
        $(this).fadeOut(500, function () {
            $(this).fadeIn(500, function () {

                $(this).trigger('fade-cycle');

            });
        });
    }
});

var doFadeInfadeOut = true;

$('.fadeInfadeOut').each(function (index, elem) {
    
    $(elem).trigger('fade-cycle');
  
});