jquery在页面加载时滑动

Question

如何在页面加载时使用jquery向下滑动div,其中css设置为display:none？我看到很多解决方案,但如果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