Hi Guys,

I'm a massive jQuery/JS noob, so apologies if this question is ridiculously simple.

I have an image of an iPhone with 3 messages on each screen (there's 4 different screens, constant bg). What I need to happen is:

First message slides down slides down from the top of the phone
Second message slides down slides down from the top of the phone
Third message slides down slides down from the top of the phone

Pause - Clears

First message from the second screen slides down slides down from the top of the phone
Second message from the second screen slides down from the top of the phone
etc...


Any thoughts on how this can achieved? Thank you very much for any and all help.