javascript - auto slidedown div not working when page fully loads

Question

i want to make so when the page full loads the div content slides down once but not working here is code

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

no result ;( hot to fix it ?

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);
});