Lots of nested functions can I make this simpler
<p>Here is the jQuery I've written to animate some items in a list:</p>

<pre><code>$("#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);
        });
      });
    });
  });
});
</code></pre>

<p>Is there a better way to write my code?</p>

<p>Secondly can I wrap it up into a function that I could call?</p>
