如何在addClass Api和fadein之间混合使用？

Question

我只是希望通过addClass事件将div放在div上，然后它就会淡入。

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