Weird behaviour of jquery's hide/show with the 'slide' effect. How to change?

Question

When doing

$('.mydiv').show('slide', {direction:up}, 1500); //syntax may be a little off

jQuery seems to - just before starting the animation - make room for the soon to be showed div. This creates a non-smooth effect making all elements below the showed div shift away in one big go.

I would like to see the elements below the div move away as the div is animated/showed. The jQuery native hide()/show() function works like this, how come the slide effect of hide/show doesn't?

Anyone knows how to fix it?

Answer 1

Maybe you could try to use slideDown effect instead? (http://docs.jquery.com/Effects/slideDown)