Jquery – Fade in each element – one after another


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

Best Solution

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

      $("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.