Jquery 有很多嵌套函数，我可以简化它吗

以下是我编写的jQuery，用于设置列表中某些项目的动画：

$("#titleTile").delay(5000).animate({top: "160px"}, 300, function() {
  $(".tweet_msg.t0").animate({top: 0, height: "show"}, 300, function() {
    $(".tweet_msg.t1").delay(5000).animate({top: 0, height: "show"}, 300, function() {
      $(".tweet_msg.t2").delay(5000).animate({top: 0, height: "show"}, 300, function() {
        $(".tweet_msg.t3").delay(5000).animate({top: 0, height: "show"}, 300, function() { 
          $(".tweet_msg.t4").delay(5000).animate({top: 0, height: "show"}, 300);
        });
      });
    });
  });
});

有没有更好的方法来编写我的代码

---

其次，我可以将它包装成一个可以调用的函数吗？

另一个选项是在单个元素上使用自定义队列。如果这就是你所做的一切，那就太过分了。但如果你愿意，这里有一个我为前面的问题创建的小示例：

至于将其包装到函数中，当然，只需将其包装到函数中即可：

function something(){
    // do your stuff
}

---

您是否可以将html添加到中以使其更易于测试？更好的是，您应该创建一个可以正常工作的JSFIDLE.net版本。我可以通过这种方式更好地帮助您。如何在动画中的每个动画之间添加延迟？