jquery FadeIn Bir öğe önceki FadeOut sonra?

Question

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

Karşılama mesajının yavaşça kaybolmasını istiyorum ve sonra diğer div solmayacak Yerine ve sonra da solmaya - Hoşgeldin kutusu artık yokken.

<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

.delay() ilkine geri çağırma işlevi. jQuery tüm animasyon yöntemleri (ve diğerleri) geri aramalar için izin: Bu, ilk zayıflatmak için .welcome neden olacaktır

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

. Bir kez bittiğinde, .freelance kaybolur. Bir kez bittiğinde, daha sonra sönecektir.

Answer 2

Bu kod Muhtemelen istiyorum

$(".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

işe yarayabilecek inanıyoruz Bir iç ek fadeIn() ve fadeOut çağırmanız gerekir

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