如何在addClass Api和fadein之間進行混合？

Question

我只是想通過addClass事件把色格，然後它應該在淡出

$("#box1").hover(
    function() { 
     $("#box2").addClass("blue"); 
     $("#box3").addClass("yellow"); 
    }, 
    function() { 
     $("#box2").removeClass("blue"); 
     $("#box3").removeClass("yellow"); 
    } 
); 

$("#box2").hover(
    function() { 
     $("#box1").addClass("blue"); 
     $("#box4").addClass("yellow"); 
    }, 
    function() { 
     $("#box1").removeClass("blue"); 
     $("#box4").removeClass("yellow"); 
    } 
); 

Answer 1

我知道這是很醜陋，但它的工作：

$('#box1').hover(function() { 
    $("#box2").fadeOut(0).addClass('blue').fadeIn(300); 
}, 
function() { 
    $("#box2").fadeOut(300).queue(function(){ $(this).removeClass('blue').fadeIn(0).dequeue()}); 
}); 

演示在這裏：JSFIDDLE