jquery slidedown на странице load

Question

Как можно спускать div с jquery на загрузку страницы, где css установлен для отображения: none? Я вижу много решений, но ни один из них не может скользить div, если css установлен на дисплее: none. Лучший способ - скрыть его при загрузке и после скольжения, но у div есть вспышка (показ) при загрузке страницы.

Answer 1

Вы можете попробовать это:

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

HTML:

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

CSS:

.hidden{ 
display:none; 
} 

Он скользит вниз на странице загрузки.

DEMO

Answer 2

$('#hidden_div_id').slideDown('slow'); 

это внутренне использовать display:block

Answer 3

я не нашел выше в качестве рабочего раствора. Так вот http://www.robertprice.co.uk/robblog/using-jquery-to-scroll-to-an-element/

$('html, body').animate({ 
    scrollTop: ($('#element').offset().top) 
},500);