Jquery 同时淡入两个div，但在不同时间淡出

我正在使用下面的脚本，它是在“mytext”div中淡入淡出的一系列消息

我需要“toptext”div与“test 1”同时在消息中淡入，但随后保持在屏幕上并与“test 2”淡出

对不起，我是一个完全的初学者，所以很难理解它！任何帮助，真的很感激

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中。先淡入父div，然后淡出每个子div。

谢谢，克里斯。如何使用上面的jquery脚本实现这一点？对不起，我是javascript/jquery的真正初学者。我正在努力想办法。

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