jquery fadeOut पिछले div के बाद एक तत्व में फीका?

Question

jQuery(document).ready(function(){ 
    $(".welcome").fadeOut(9500); 
    $(".freelance").fadeIn(10000); 
    $(".freelance").fadeOut(4500); 
}); 

मैं स्वागत संदेश चाहता हूं कि धीरे-धीरे फीका हो और फिर दूसरा div अपनी जगह में फीका हो और फिर फीका आउट - जाहिर है जब स्वागत बॉक्स अब मौजूद नहीं है।

<header> 
    <h1 class="left"><a href="index.html"></a></h1> 
    <div class="left yellowbox welcome"><p>Welcome to my portfolio.</p></div> 
    <div class="left greenbox freelance"><p>I am currently available for for work, contact me below.</p></div> 
</header> 

Answer 1

आप अतिरिक्त fadeIn() और fadeOut एक के अंदर कॉल करने की आवश्यकता पहले कॉलबैक समारोह। jQuery के सभी एनीमेशन तरीकों (और कई अन्य) कॉलबैक के लिए अनुमति देते हैं:

jQuery(document).ready(function(){ 
    $(".welcome").fadeOut(9500,function(){ 
     $(".freelance").fadeIn(10000, function(){ 
      $(".freelance").fadeOut(4500); 
     }); 
    }); 
}); 

यह .welcome कारण पहले बाहर फीका करने के लिए होगा। एक बार यह खत्म हो जाने के बाद, .freelance फीका होगा। एक बार यह लुप्त हो जाने के बाद, यह फिर खत्म हो जाएगा।

Answer 2

मेरा मानना ​​है कि इस कोड को काम कर सकते हैं कि

$(".welcome").fadeOut(9500).queue(function(next) { 
    $(".freelance").fadeIn(10000).queue(function(next) { 
     $(".freelance").fadeOut(4500); 
    }); 
});   

Answer 3

jQuery(document).ready(function(){ 
    $(".welcome").fadeOut(9500, function() { 
     $(".freelance").fadeIn(500, function() { 
      $(".freelance").fadeOut(4500); 
     }); 
    }); 
}); 

Answer 4

आप शायद चाहते .delay()

jQuery(document).ready(function(){ 
    $(".welcome").delay(9000).fadeOut(9500); 
    $(".freelance").delay(10000).fadeIn(10000); 
    $(".freelance").delay(145000).fadeOut(4500); 
});