Ponowne wyświetlanie po fadeOut

Question

proszę mogę stwierdzić, że robię to poprawnie:

mam wiadomość, że chcesz fadeOut po to została wyświetlona.

Wyświetlacze jQuery fadeOut: brak, gdy krycie wynosi zero.

Tak więc, gdy chcę ponownie wyświetlić tę samą wiadomość, ustawiając widoczność: widoczna wiadomość nie zostanie wyświetlona, ​​ponieważ wyświetlacz: brak jest nadal ustawiony.

Więc to co zrobiłem:

 $("#message6").fadeOut(600, function(){ 
      $("#message6").css("display",""); 
      $("#message6").css("visibility","hidden");    
     }); 

Działa to dobrze. To nie wydaje się bardzo eleganckie.

Czy tu czegoś brakuje? Czy jest jakiś sposób na zrobienie tego?

Answer 1

Dlaczego nie:

$("#message6").fadeOut(600); 

I znów pokazać swoją wiadomość:

$("#message6").show(); 

Answer 2

Zawsze miałem dziwne problemy z metodami jQuery: .fadeIn() i .fadeOut(), więc zwykle po prostu animuję przezroczystość. Nie ma nic złego w tym podejściu, jeśli tylko ukrywasz i pokazujesz rzeczy.

$('#message6').animate({opacity:0}, 200); 

Jeśli nie chcesz jakichkolwiek blaknięcie animacji, można po prostu użyć .hide() i .show() metod lub .css({opacity:0}), albo .animate() metodę z 0 trwania animacji.

Answer 3

Dlaczego nie coś takiego

$(document).ready(function() { 
     $('#myLabel').fadeOut(1000, function() { 
      $(this).html(""); //reset the label after fadeout 
     }); 
    });​ 

Sample