I have a string of animations, each animation is applied to a different object
i want to delay the start of each animation.

I know i need to use the delay() method

but i cant figure out how to create a animation que, with delays in between each animate when all of the animates are applied to a different object.

if it helps what i am doing is i have a list of divs, each with different content. One is displayed at a time.
I want the existing one to fade out and the next one to fade in at the same time - using their opacity property.
once this has happened i want a delay before the same effect is applied to the next 2 divs in the list