FadeIn Fadeout Function Jquery

Question

fadein과 fadeout에 mutiple 클래스와 Ids를 받아들이도록 두 개의 함수를 만들었습니다. 현재는 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(); 
});