Mostrar un Div lentamente con JavaScript

Este efecto se puede usar para menús, tablas desplegables, formularios etc. Simplemente tener un poco de imaginación y modificar este script. Este solo aparece, pero para aprender mejor podríais hace que con doble click se oculte, solo hay que hacer que se vaya haciendo pequeño en vez de grande, es justo lo contrario... Para ver el efecto ir abajo de la imagen y darle al botón...