Question

我已经创建了两个函数来接受多个类和Ids到fadein和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'));
});

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

FadeIn Fadeout函数Jquery

3 个答案: