JQuery滑动下降效果不起作用？

我有一个表单，提交时会先验证，如果表单无效，它会再次返回表单页面并显示错误

这是包含错误的div：

<div id="error"><?php echo validation_errors('<p class="error">'); ?></div>

我的问题是，即使我已经有了上面的脚本，我也不知道如何向下滑动表单。它只会正常显示，没有任何动画。我错过什么了吗

请帮帮我。提前感谢。

试试这个：

将div设置为隐藏

<div id="error" style="display:none"><?php echo validation_errors('<p class="error">'); ?></div>


$(document).ready(function() {    
    $('#error').slideDown('slow');
    $('#error').css("visibility", "visible");
});

---

确保将脚本放在页面底部，例如在关闭
标记之前。如果它在您的
$（sel）中，它将不起作用。slideDown（）
仅在div不可见时才起作用

另一个答案建议您使用
style=“display:none；”“
然而，这是一种突兀的行为，禁用js的浏览器不会看到错误消息

我会使用：

$(function(){
  $("#error").hide().slideDown();
});

首先要确保隐藏错误，否则就没有任何东西可以滑下来。他正在使用
$（document）.ready（fn）
，因此您的响应是不相关的。这是一个突兀的javascript，对于禁用js的客户端，错误不会显示。感谢您的帮助。找到解决方案了吗？问题是什么？
$(function(){
  $("#error").hide().slideDown();
});