/ / Crear funciones de animación personalizadas en jQuery - jquery, animation

Creación de funciones de animación personalizadas en jQuery - jquery, animation

Quiero crear una función de animación liviana para ayudarme a evitar que repita código en todo el lugar. El código es simplemente un animation({}) llamar con parámetros específicos, por lo que escribir un complemento parece un poco exagerado, entonces, ¿cómo puedo crear una función jQuery personalizada para poder llamarla así? .slideUp pero sin tener que escribir un complemento completo para hacerlo?

Esto es lo que hace mi animación

$("#id").css({opacity:0,"margin-top":"10px"})
.animate({opacity:1,"margin-top":"0px"},"slow");

Respuestas

1 para la respuesta № 1

Quieres decir así?

  $.fn.slide = function(){
$(this).css({opacity:0,"margin-top":"10px"}).animate({opacity:1,"margin-top":"0px"},"slow");
}

$("#id").slide()