javascript - JQUERY - 淡出特定的 div，等待，淡出 div 回来

Question

我目前有这个工作 fiddle - http://jsfiddle.net/B8Abd/

我想在函数中使用 jquerys 淡出然后淡入。目前的代码是这样的:

       function changetoYellow() {
//change the color of the div
       createGradientV([0, 0, 0], [255, 255, 0], 7, 200);
       }

我想要这样的东西:

       function changetoYellow() {
 //fade to black: 
       $("#fadeBandsV").fadeOut(1000);
//change the color of the div
       createGradientV([0, 0, 0], [255, 255, 0], 7, 200);
 //fade from black: 
       $("#fadeBandsV").fadeIn(1000);
       }

谢谢。

Answer 1

这个怎么样:

function changetoYellow() {
    $("#fadeBandsV").fadeOut(1000, function() {
        createGradientV([0, 0, 0], [255, 255, 0], 7, 200);
        $("#fadeBandsV").fadeIn(1000);
    });
}

演示: http://jsfiddle.net/B8Abd/1/