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