Javascript FadeIn淡出函数Jquery

Javascript FadeIn淡出函数Jquery,javascript,jquery,Javascript,Jquery,我已经创建了两个函数来接受fadein和fadeout的多个类和ID,目前它将fadeout元素很好,但不是fadein function fadeOut($element, cb) { $element.animate({opacity:0}, 800, function(){ if (cb) cb(); }); } function fadeIn($element, cb) { $element.animate({opacity:1}, 800, f

我已经创建了两个函数来接受fadein和fadeout的多个类和ID,目前它将fadeout元素很好,但不是fadein

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'));
});

使用
$(this).fadeIn()或fadeOut()
您不能同时淡入淡出,但可以使用回调函数逐个淡入淡出。

您说要淡入淡出吗

我知道你想要一个钮扣吗

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

或者,如果您想分开控制它们,您可以使用:

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

使用以下方法:

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

内置淡入淡出功能有什么问题?你可以做$(这个)。fadeIn()或fadeOut()我希望它们同时淡入淡出,也希望它们能清理我的代码。你能创建一堆目前正在发生的事情吗?@Brent有些东西怎么能同时淡入淡出?点击处理程序至少应该触发fadeIn元素吗?请使用jQuery方法fadeIn()/fadeOut()代替这个无用的代码段。不需要使用回调,因为这两种方法都会将动画放入队列,但您应该使用jQuery中可用的相关方法,而不是回调。您也可以使用类似$(this.fadeOut().next().delay(300.fadeIn())的东西来延迟链;单击打开时出现问题