Coughlin Coughlin - 1 year ago 91
jQuery Question

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.


Answer Source

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.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download