¿Cambiar la animación de jquery show()/hide()?

Question

De forma predeterminada, si especifica una velocidad, jquery agrega una animación de aspecto extraño donde se expande desde la esquina final izquierda. Quiero que se deslice hacia abajo. ¿Hay alguna forma de hacerlo sin importar algo más como jquery UI?

estoy buscando algo en la línea de:

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

Si no hay manera, entonces ¿cuál sería la solución más ligera para hacer esto?

Gracias

Answer 1

Existen las funciones slideDown, slideUp y slideToggle nativas de jQuery 1.3+, y funcionan bastante bien ...

http://docs.jquery.com/Effects

Puede utilizar slideDown como este:

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

y si quieres combinar efectos y realmente se vuelven locos me gustaría echar un vistazo a la función que le permite animar t o especifique un número de propiedades de CSS para formar la interpolación o la transformación. Bastante cosas de lujo, eso.

Answer 2

Uso slidedown():

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

Answer 3

También puede utilizar un fadeIn/FadeOut Combo, también ....

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