添加和动画DIV

Question

我正在尝试逐步创建div框，并在按下按钮时将它们动画几次。我创建了一个运行示例代码，一切进展顺利。它直接进入endhost，然后再次离开它原来的位置。我的演示在这里找到：http://jsfiddle.net/LSegC/ 我想模拟TCP，完全如下所示：http://histrory.visualland.net/tcp_fast_recovery.html 现在我想要按下按钮时的每一步，以及同一步骤中的DIV之间，当它们移动时应该有延迟，这样一旦它们被动画就可以区分它们。任何人都可以帮我吗？

    $(document).ready(function(){
  $("button").click(function(){
  var d=$("#t");
  var number=$("#number1").val();
  var speed=2000;

//  if(state==true){
        d.animate({left:'+=230px'}, speed);
        d.animate({left:'+=230px'}, speed);
        d.animate({top:'+=20px', backgroundColor: "#f09090", text:'12'}, speed/4, "swing", function(){
            $('#span').fadeOut(500, function() {
                $(this).text('a1').fadeIn(500);
            });
        });
        d.delay(1000).animate({left:'-=230px'}, speed);
        d.animate({left:'-=230px'}, speed);
        d.fadeOut();

//        }
  });
});