cycle divs in jquery animation

Question

i have a <div> wrapped inside a container with overflow:hidden activated. i have seven other <div> placed at the bottom of the wrapper, hidden. there is one <more> button which animates the current <div> to hide and the next <div> to show up.

I am trying to imitate nikebetterworld UI . my main concern is how to cycle the <div> so that one goes up and the other comes up in its place. then the second one goes up and the next one takes its place.

Can someone help?

Answer 1

I think what you want is animation chaining: http://blog.gridworlds.com/js/animation-chains-with-jquery