jQuery验证用于errorPlacement的自定义动画

好的，我有一个表单，其中有一个必填字段。这是验证代码：

$('#form').validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        email: "Please enter a valid email address."
    },
    errorPlacement: function(error, element) {
        error.appendTo(element.parent()).hide().fadeIn;
    }
 });

---

这是伟大的，除了我想动画是一个幻灯片风格。这引出了一个有趣的观点：试图删除fadeIn，它甚至不隐藏元素。一旦错误被纠正，我希望它滑开，并且在成功提交后，我希望一条成功消息滑下。我能得到一些帮助吗？我看到很多人建议使用非工作内容，但没有真正的修复建议。

至于成功部分，请在调用验证中的成功选项中添加您的slideDown（）函数

success: function() {
 $('#foo').slideDown(); //slide down your success element
}

---

至于fadeIn，我不确定整行代码看起来是否正确，但它至少在

fadeIn（）之后缺少了一些括号
 那很好，但这对我并没有完全帮助。我只是重写了代码，因为我不能发布我们的内部代码。fadeIn可以工作，但是slideDown不行，因为我假设插件的本质就是这样。我无法插入隐藏的错误。hide（）不起作用。