Hiển thị lại sau fadeOut

Question

Tôi có thể xác nhận rằng tôi đang làm điều này một cách chính xác:

Tôi có thông báo rằng tôi muốn mờ dần sau khi nó được hiển thị.

Bộ hiển thị jQuery fadeOut hiển thị: không một khi độ mờ là bằng không.

Vì vậy, khi tôi muốn hiển thị lại cùng một thông điệp đó bằng cách đặt hiển thị: hiển thị thông báo sẽ không hiển thị vì hiển thị: không có thông báo nào được đặt.

Vì vậy, đây là những gì tôi đã làm:

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

này hoạt động tốt. Nó không có vẻ rất tao nhã.

Tôi có thiếu gì đó ở đây không? Có cách nào gọn gàng để làm việc này không?

Answer 1

Tại sao bạn không làm:

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

Và để hiển thị thông điệp của bạn một lần nữa:

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

Answer 2

Tôi đã luôn gặp sự cố lạ với các phương thức .fadeIn() và .fadeOut() của jQuery, vì vậy thường tôi chỉ tạo hiệu ứng cho độ mờ đục. Không có gì sai với cách tiếp cận này nếu bạn chỉ đang ẩn nấp và hiển thị mọi thứ.

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

Nếu bạn không muốn bất kỳ loại mờ dần hình ảnh động, bạn chỉ có thể sử dụng .hide() và .show() phương pháp, hoặc .css({opacity:0}), hoặc một phương pháp .animate() với 0 thời gian hoạt hình.

Answer 3

Tại sao không phải cái gì như thế này

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

Sample