How do they do it?

[bogus]

Hey all,

i stubled upon a dropdown on panic’s website which folds in a very outstandig way.

[Panic – Diet Coda](http://panic.com/dietcoda/ “Panic – Diet Coda”)

it’s near the bottom of the page where it says “Questions about Diet Coda? Help is available right here!”

How is that done? is there any jquery thing that can do that?

[DanielMortzen]

In looking at the source, what they do is just css-animate the “transform: scaleY” property over 500ms. A small simple javascript does a setTimeOut at 500ms as well, hiding the element when the css-transform is completed!

[Author]

Posts