How does one create a slide-in DIV at the edge of the window?
===

This is a rather cool effect... I looked up something on this page and noticed the slide-in window that loads in like a minute or so after you arrive on the page. It slides in from the right, stays there at 250x180 for about ten seconds, then shrinks to a 250 x 50 and stays visible for a while.

I would love to re-create this window and use it as a live-chat link on our page.

I would love to know if there is a way to do this with jQuery/CSS.

Can you guys check out the window (It's a "Recommended for You" slide-in) on this page: [Page with slide-in window][1] and give me some guidance on how to recreate it using jQuery?

It takes a minute to load in (FYI)... Thanks guys!


  [1]: http://www.webdesignerdepot.com/2010/01/css-transitions-101/