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