Home/ Questions/Q 6895697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T06:56:29+00:00

I am trying to get this while loop to loop through a bunch of

  • 0

I am trying to get this while loop to loop through a bunch of numbered divs with class numbers 1 through 4 one after another. Somewhere it is going awry. Thanks for your help!

var div = 1;
while (div < 5){
    $("." + div).fadeIn().delay(4000).fadeOut(function(){
        div++;
    });
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can to delay the fadeIn() incrementally:

    HTML:

    <div class="fade" style="display:none">Div 1</div>
<div class="fade" style="display:none">Div 2</div>
<div class="fade" style="display:none">Div 3</div>
<div class="fade" style="display:none">Div 4</div>

    JavaScript:

    $(".fade").each(function(i){
    $(this).delay(4000 * i).fadeIn().delay(4000).fadeOut();
});

    Demo: http://jsfiddle.net/bN28x/2/

    • 0