FadeInとFadeOutの間でクラスを変更

Question

全身が消えて別のフォントで再表示されるようにしたい。問題は、fadeInの間ではなく、消えている間にフォントを変更することです。& fadeOut。

コード：

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/