javascript - 向上滑动 div，然后附加一个新的 div 以在其位置向上滑动

Question

当用户成功填写注册表单时，我试图为两个 div 框设置动画。动画的第一个 div 是注册表本身，当用户正确填写表单时，它将从底部向上滑动到中心，然后向上滑动并离开屏幕。

我的第一个工作正常，但我需要第二个 div 从屏幕底部向上滑动到中心，其中包含一条消息，告诉用户检查他们的电子邮件以激活他们刚刚创建的帐户。我怎样才能让这个位工作和动画？

我使用的代码是这样的：

 $("#registerForm").validate({
            rules: {
            name: { required: true, minlength: 3 },
            eMail:{ required: true},
            passWord: { required: true, minlength: 5 },
            rePassWord: { equalTo: ".passWord" }
            },
            submitHandler: function(form) 
            {

            // do other stuff for a valid form
            $.post('../inc/register.php', $("#registerForm").serialize(), function(data) {

            if(data == "true")
                {
                $('#loaderWrap').remove();
                $('#reg_dialog').animate({
                marginTop : -2000,
                opacity   : 0
                }, 400);

            $.append('<div id="reg_success">Please check your emails to active your account</div>');

                //Slide Up Success Message 
                $('#reg_success').css({
                top     : winH / 2 - $this.height() / 2,
                left    : winW / 2 - $this.width() / 2,
                display : 'block'
                }).animate({
                marginTop : 0,
                opacity   : 1
                }, 400);



                }
            });
        }
    });