Alterar a animação jquery show () / hide ()?

Por padrão, se você especificar uma velocidade, o jquery adicionará uma animação de aparência estranha onde ela se expande a partir do canto esquerdo. Eu quero apenas deslizar para baixo. Existe uma maneira de fazer isso sem importar algo como jquery UI?

Eu estou procurando algo nas linhas de:

$("test").show('slow', {animation:'slide'}) 

Se não há como, então qual seria a solução mais leve para fazer isso?

obrigado

Existem as funções slideDown, slideUp e slideToggle nativas do jquery 1.3+, e elas funcionam muito bem …

http://docs.jquery.com/Effects

Você pode usar o slideDown assim:

 $("test").slideDown("slow"); 

E se você quiser combinar efeitos e realmente enlouquecer, eu vou dar uma olhada na function animate que permite que você especifique um número de propriedades CSS para formatar ou transformar em. Coisas muito chiques, isso.

Use slidedown() :

 $("test").slideDown("slow"); 

Você também pode usar um fadeIn / FadeOut Combo também ….

 $('.test').bind('click', function(){ $('.div1').fadeIn(500); $('.div2').fadeOut(500); $('.div3').fadeOut(500); return false; });