一起淡入兩個div，但在不同的時間淡出

Question

我正在使用以下腳本，它是在「mytext」div中淡入淡出的一系列消息。

我需要使用「toptext」div在同一時間使用「測試1」淡入消息，但隨後保持在屏幕上並使用「測試2」淡出OUT。

對不起，我是一個完整的初學者，所以努力想出來！任何幫助，真的很感激！

的Javascript：

$(function(){ 
    $(window).mousemove(function(){ 
    runIt(); 
    }); 
    runIt();  
}) 

function runIt() { 
    var it = $('#myText'); 
    it.stop(true,true).clearQueue().fadeOut(1).animate({left:0},500).queue(function(){ 
    it.html('Start Again'); 
    it.dequeue(); 
    }) 
    it.fadeIn(500).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 1'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 2'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 3'); 
    $(window).unbind('mousemove'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000); 
} 

HTML：

<div id="toptext"></div> 
<div id="myText"></div> 

Answer 1

爲什麼不能在父DIV包裝他們。淡入淡出父div，然後淡出每個孩子的div。