页面加载时的jquery slidedown

Question

如何在 css 设置为 display:none 的页面加载时使用 jquery 向下滑动 div？我看到了很多解决方案，但如果 css 设置为 display:none，则没有一个可以滑动 div。最好的方法是在加载时和滑动后将其隐藏，但页面加载时 div 会闪烁(显示)。

Answer 1

你可以试试这个:

$(document).ready(function(){
    $('.hidden').slideDown(1000);
});

HTML:

<div class="hidden">This is the content</div>

CSS:

.hidden{
 display:none;   
}

它在页面加载时向下滑动。

DEMO