फेडआउट + एक डिवी खाली करें, और फिर

Question

में नई सामग्री डालें सामग्री को एक div के फीडआउट करने का एक अच्छा तरीका क्या है, लेकिन div को नई सामग्री के लिए तैयार रखना?

साथ

$('#info').html('').fadeOut(500); 
or 
$('#info').fadeOut(500).html('').show(); 

div सामग्री बस गायब हो जाता है, और नई सामग्री

प्रदर्शित नहीं करता है

$('#info').fadeOut(500); 

div के साथ एकदम सही ढंग से fades, लेकिन किसी भी नई सामग्री प्रदर्शित नहीं करता है

Answer 1

$('#info').fadeOut(500, function() { 
    $(this).empty().show(); 
}); 

Answer 2

फेडऑट का कॉलबैक का उपयोग करें:

$('#info').fadeOut(500, function() { 
    $('#info').html("New Content").show(); 
}); 

Answer 3

$('#info').fadeOut(500, function() { 
    $(this).html('').show(); 
}); 

तक div यह emtying से पहले बाहर फीका होने तक प्रतीक्षा करेंगे!