[SOLUCIONADO] Efectos CSS

[diegoguerrero]

Tengo un html en el que tengo un div sobre el que, cuando se hace click (mediante un onClick) muestra un div (con el javascript de ID.style.display='block') y necesito que aparezca ese div con un efecto (tiene un width del 100% y un height de 150px). Necesito que baje esos 150px a velocidad constante pero no de golpe. ¿Cómo podría hacerlo?

[AngelKrak]

Mira puedes hacerlo mediante la función .show slow

Código Javascript:

$("#click").click(function() {
  $("#show").show("slow", function() {});
});
 

Demo:
http://codepen.io/AngelKrak/pen/wKExJv

[diegoguerrero]

Si no te importa, echa un vistazo a este vídeo (efecto cuando hace click en 'Evaluación', que si se vuelve a pulsar se oculte). Gracias (segundo 10 a 13)

https://youtu.be/Cf7T6ys9FIE?t=10s

[Alexis88]

Añade la propiedad transition en la lista de estilos (CSS) del elemento, indicando el tiempo de duración en segundos que el cambio debe de tardar en completarse.

DEMO

Un saludo