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
Let's say you have an array of span elements:
$("span").each(function(index) {
$(this).delay(400*index).fadeIn(300);
});
(quick note: I think you need jQuery 1.4 or higher to use the .delay method)
This would basically wait a set amount of time and fade each element in. This works because you're multiplying the time to wait by the index of the element. The delays would look something like this when iterating through the array:
This makes a nice "one after the other" fadeIn effect. It could also be used with slideDown. Hope this helps!