FadeIn和FadeOut之间的类更改

Question

我想制作一个让整个身体消失然后用不同的字体重新出现的效果。问题是它在消失期间改变了字体，而不是在fadeIn和amp;之间的时间。淡出。

代码：

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

您需要在fadeOut的回调中切换您的类，而不是将所有事件链接在一起。这样的事情:(未经测试，随意调整）

$("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/