jQuery animate before displaying home page -


i newbie jquery. client needs homepage in first logo appear animation , pause couple of seconds, title of company, logo , title below logo appear animation. how should proceed? $("#mydiv").show().delay(5000).fadeout(); right way this? not able find way how achieve this. update: tried following:

<body> <script> $("#myelem").show().delay(5000).fadeout(); </script> <div id="myelem"> demo div lines</div> </body> 

but not animating @ all, showing demo div lines!!

you might want use oncomplete functions:

// though opacity allready 1 (100% visible)  //it take 5000ms trigger oncomplete function(){} $("#startpage").animate({opacity:1},5000, function(){     $(this).fadeout(400, function(){         // make code here show other page:        $('#realpage').fadein();     }); }); 

made example on jsfiddle


Comments