jQuery Slide Down question

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.

Ha ha, don’t know how to do it with jQuery, but have you considered an animated gif? They are pretty cool, actually, and coming back into vogue. Do you have Photoshop? If so, they are easy to set up.

Look at what people are doing with them:

http://www.graphicdesignblog.org/moving-cinemagraphs-gifs/
http://boagworld.com/design/its-time-to-look-at-animated-gifs-again/