淡入淡出，並在

Question

之間我要讓這使得全身消失，然後用不同的字體重現效果類的變化。問題是，它的消失過程中改變字體，而不是在淡入淡出&之間的時間。

代碼：

http://jsfiddle.net/F53hG/

Answer 1

$(document).ready(function(){ 
    $("#switch_font").click(
     function(){ 
      $("body").fadeOut(550, function(){ 
       $("body").toggleClass("messed_up_website").fadeIn(550);    
      });  
     }); 
    });​ 

Answer 2

你需要切換類回調的淡出，而不是所有的事件串聯起來。像這樣的東西：（未經測試，可隨時調整）

$("body") 
    .fadeOut("slow", function() { 
     $('body').toggleClass('messed_up_website') 
      .delay(550).fadeIn('slow); 
    }); 

Answer 3

你需要等待fadeOut動畫完成，然後您可以切換你的類。像這樣的東西。

$(document).ready(function() { 
    $("#switch_font").click(

    function() { 
     $("body").fadeOut("slow", function() { 
      $(this).delay(530).toggleClass("messed_up_website").delay(530).fadeIn("slow"); 
     }); 
    }); 
});​ 

http://jsfiddle.net/derekaug/ssZgg/1/