javascript - div - ¿Cambia la animación de jquery show()/hide()?

jquery toggle

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 las líneas de:

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

Si no hay forma, ¿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 muy bien ...

http://docs.jquery.com/Effects

Puede usar slideDown así:

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

Y si quiere combinar efectos y realmente se vuelve loco, eche un vistazo a la función animada que le permite especificar un número de propiedades de CSS para dar forma a la interpolación o la transformación. Bastante cosas de lujo, eso.

Answer 2

También puede usar un FadeIn / FadeOut Combo, también ....

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

Answer 3

Use slidedown() :

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