向上滑动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);



                }
            });
        }
    });