javascript - ページが完全に読み込まれると、自動スライドダウンdivが機能しない

Question

ページがいっぱいになると、divコンテンツが一度スライドダウンしますが、ここで機能しないのはコードです

$(document).ready(function() {
   $('#slidercontent').delay(1000).slideDown(100);
});

結果はありません;（それを修正するのは暑いですか？

html

<div id="slidercontent">(here goes my Slideshow)</div>

css

#slidercontent {width:1101px; height:195px; margin:0 auto;}

Answer 1

display:none;CSSを追加するだけです。また、javascriptの前にjQueryライブラリを含めていることを願っています。

これが実用的なフィドルです：http： //jsfiddle.net/gopi1410/Sjarv/1/

（slideDown時間を1000に増やして、見やすくしました）

Answer 2

slideLeftという名前のデフォルトの効果はないため、次を使用する必要があります。

$(document).ready(function(){
    $("#selector").delay(1000).animate({width:0},500);
});

または、 setTimeout（）メソッドを使用できます

$(document).ready(function(){
    setTimeout(function(){
        $('#slidercontent').animate({width:0},100,function(){
            // do some other stuff after the animation is complete
        });
    },1000);
});