Question

This will hopefully be a simple one:
I have a div I want to slide into the screen when the page loads.

I’m trying to find out why this works:

$(function() {
    $('.mydiv').slideDown(500);
});//END ONLOAD

But not this:

$(function() {
    $('.mydiv').show('slide', { direction: 'down' }, 500);
});//END ONLOAD

Can anyone give me some advice? Thanks!

(ps: CSS is .mydiv {display:none;}

Answer 1

The Jquery API docs for the show method state that the show method defintions are as follows:

.show()
.show( duration [, callback] )
.show( [duration] [, easing] [, callback] )

where:

duration - A string or number determining how long the  animation will run. 
easing - A string indicating which easing function to use for the transition. 
callback - A function to call once the animation is complete.

the correct implementation using show would be

.show(500);