fadeIn divs one after the other
Hi all,
I have 5 divs on a page all with the class of "cases". I want all these divs to fadein one second after the previous one loaded. To accomplish this I tried the following;
- $('div.cases').each(function()
- {
- $(this).hide().delay(1000).fadeIn(1850);
- }
So I want;
first div fades in on .ready()
- one second wait -
the second one fades in
- one second wait -
the third one fades in
etc. etc. etc.
Currently all the divs load at the same time. Can someone help me with this? Thanks!