Question

I am trying to find a way to load a JSON page to display my content, which I currently have. But I am trying to fade in each element one after another? Is anyone familiar with a way to do that?

Fade in each element with a slight delay?

Here is an example of my code, I am using the jquery framework.

CODE: http://pastie.org/343896

Answer 1

Well, you could setup your fade functions to trigger the ‘next’ one.

 $('div#foo').fadeIn('fast',function(){       $('div#bar').fadeIn('fast', function(){            // etc.       });    }); 

But a timer may be a better system, or a function that gets them all, puts them in an array, then pops them off one at a time with a delay in between, fading them in one at a time.