Por defecto, si especifica una velocidad, jquery agrega una animación de aspecto extraño donde se expande desde la esquina del extremo izquierdo. Quiero que simplemente se deslice hacia abajo. ¿Hay alguna manera 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

39
marcgg 15 sep. 2009 a las 20:47

3 respuestas

La mejor respuesta

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

https://api.jquery.com/category/effects/

Puede usar slideDown así:

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

Y si desea combinar efectos y realmente volverse loco, echaré un vistazo a la función animada que le permite especificar una serie de propiedades CSS para dar forma a interpolación o transformación. Cosas muy elegantes, eso.

69
augusto 24 ene. 2020 a las 19:16

También puede usar un combo fadeIn / FadeOut, también ...

$('.test').bind('click', function(){
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500);
    $('.div3').fadeOut(500);
    return false;
});
6
Matthew 24 may. 2013 a las 19:31

Utilice slidedown():

$("test").slideDown("slow");
14
aksu 19 jun. 2015 a las 08:48