FadeIn淡出功能Jquery

Question

我創建了兩個函數來接受多個類和Ids來進行淡入和淡出，當前它可以使淡出元素正常但不能淡入嗎？

function fadeOut($element, cb) {
    $element.animate({opacity:0}, 800, function(){
        if (cb) cb();
    });
}

function fadeIn($element, cb) {
    $element.animate({opacity:1}, 800, function(){
        if (cb) cb();
    });
}

輸入示例

$("#back").click(function () {
    fadeOut($('.hideToggle, .history, .apphome, .stats, #back'));
});
$("#open").click(function () {
    fadeIn($('.hideToggle, .history, .apphome, .stats, #back'));
});

Answer 1

您說要淡入淡出嗎？

我猜想要切換嗎？

$("#back, #open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeToggle();
});

http://jsfiddle.net/Rcw93/

或者，如果您希望將它們分開，則可以使用：

$("#back").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeOut();
});
$("#open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeIn();
});

http://jsfiddle.net/Rcw93/1/

Answer 2

使用$(this).fadeIn() or fadeOut()不能同時淡入和淡出，但是可以使用回調函數一個接一個地執行。

Answer 3

用這個：

$("#back").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeOut();
});
$("#open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeIn();
});