JQuery 滑动效果不起作用？

Question

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

这是包含错误的 div:

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

顺便说一句，我正在使用 CodeIgniter。

当用户导航回表单页面时，我希望表单向下滑动，因此我得到了一个脚本:

$(document).ready(function() {    
    $('#error').slideDown('slow');
});

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

请帮助我。提前致谢。

Answer 1

$(sel).slideDown() 仅当 div 尚不可见时才有效

另一个答案建议您使用 style="display:none;" 但是，这是一种干扰，并且禁用 js 的浏览器不会看到错误消息。

我会使用:

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

see it working here on jsFiddle