jquery, mostrando un elemento oculto con un fadeIn

Question

en jquery, ¿cómo puedo mostrar un div oculto y hacerlo desaparecer?

Answer 1

Sólo ocultar el elemento inicialmente, éter con .hide() o style="display: none;" (o display: none; en la hoja de estilos). Entonces, simplemente llame .fadeIn(), así:

$("#elementID").fadeIn(); 

La llamada .fadeIn() elimina automáticamente el display: none cuando se desvanece la opacidad al 100%, que no eliminar visibility: hidden; así que no use esto, o' Tendré que eliminarlo manualmente.

Answer 2

$("selector_for_your_div").fadeIn("slow"); 

para su edificación, la documentación para todos los paquetes de jQuery efectos de animación/herramientas se encuentra en:
http://api.jquery.com/category/effects/

Ver:Jquery Documentation for fadeIn()

Answer 3

Uso fadeIn():

$('#hiddendiv').fadeIn(); 

Usted puede cambiar la duración de la FadeIn:

$('#hiddendiv').fadeIn(1000); // 1000 ms 

Answer 4

Uso fadeIn

$("selector").fadeIn(); 

Pantalla la alfombra los elementos de ched desvaneciéndolo opaco.

Para ocultar de nuevo en cualquier momento, puede utilizar:

en cuenta que debe ocultar inicialmente usando CSS o jQuery.

fadeOut

Answer 5

selector de .fadeIn (velocidad en milisegundos) es la función que tu buscas.

Si desea que el div conserve su espacio cuando no se ve, use style = "opacity: 0;" en lugar de mostrar: ninguno;

Answer 6

Sólo un comentario adicional a Nick Craver respuesta perfecta:

Si ya tiene un elemento de atributo de visualización (pantalla de ejemplo: bloque), no son un sustituto que con display: none. En su lugar, solo agregue un atributo de visualización adicional. Solo asegúrese de agregar pantalla: ninguna después (debajo) del otro atributo de visualización. Cuando se repite un atributo, el último valor tiene prioridad.

.class { 
    ... 
    display:block; 
    display:none; 
} 

Su elemento estará oculto inicialmente (debido al segundo atributo de visualización). Tan pronto como se inicie fadeIn(), se eliminará la pantalla: none pero no tocará la primera pantalla (display: block en mi ejemplo).El primer atributo de visualización se usará para dar estilo a la clase mientras se está desvaneciendo y quedarse quieto después de que fadeIn() finalice.