El método .fadeOut() para usar la propiedad de visibilidad en función de la propiedad de visualización

Question

El método .fadeOut() anima la opacidad de los elementos coincidentes. Una vez que la opacidad llega a 0, la propiedad de estilo de visualización se establece en none, por lo que el elemento ya no afecta al diseño de la página y lo mismo ocurre con fadeIn().

Mi pregunta es ¿pueden utilizar la propiedad de visibilidad para que el elemento ocupe el espacio en el diseño de la página y no sea solo visible?

Answer 1

Use jQuery's fadeTo() y luego haga que una devolución de llamada establezca la visibilidad. Ejemplo:

$('selector').fadeTo(500, 0, function(){ 
    $('selector').css("visibility", "hidden"); 
}); // duration, opacity, callback 

http://jsfiddle.net/7HjB6/

Answer 2

Sólo sobrescribir la propiedad en la llamada de vuelta

$('Element').on("click", function() { 
    $(this).fadeOut(500, function() { 
     $(this).css({"display": "block","visibility": "hidden"}); // <-- Style Overwrite 
    }); 
})​ 

Answer 3

animado con la opacidad CSS parece conseguir un efecto similar.

$('#element').animate({opacity: 0}, 1000); 

Ejecutar la misma con la opacidad: 1 a desaparecer de nuevo en

Credit..