Question

I have the following slideshow im trying to build from scratch.

http://jsfiddle.net/FeqkB/

Basically I want each parent container to fade out and the next to fade in after 5 seconds. When the parent fades in, I then want the ‘img’ to animate 1 second into the parent element becoming visible.

I cant seem to find anything on google regarding how to do this, but would the ‘queue’ function in jQuery come into play here?

Thanks for any advice…

Answer 1

I think you may be looking for .delay().

http://api.jquery.com/delay/

Usage:

$('#foo').slideUp(300).delay(800).fadeIn(400);