¿Cómo puedo recrear el efecto $ .slideDown de jQuery usando la función $ .animate?jQuery - recrear el efecto slideDown() utilizando la función animate()?
13
A
Respuesta
29
Animate "height", "marginTop", "marginBottom", "paddingTop" y "paddingBottom" en "show"
.
Por ejemplo:
$(...).animate({
"height": "show",
"marginTop": "show",
"marginBottom": "show",
"paddingTop": "show",
"paddingBottom": "show"
});
Fuente: código fuente jQuery.
fxAttrs = [
// height animations
[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
// width animations
[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
// opacity animations
[ "opacity" ]
];
...
jQuery.each({
slideDown: genFx("show", 1),
slideUp: genFx("hide", 1),
slideToggle: genFx("toggle", 1),
fadeIn: { opacity: "show" },
fadeOut: { opacity: "hide" }
}, function(name, props) {
jQuery.fn[ name ] = function(speed, callback) {
return this.animate(props, speed, callback);
};
});
...
function genFx(type, num) {
var obj = {};
jQuery.each(fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
obj[ this ] = type;
});
return obj;
}
Cuestiones relacionadas
- 1. jQuery Mobile-efecto slideDown plegable
- 2. jQuery slideDown vs. jQuery UI .show ('slide')
- 3. jQuery slideDown con easing
- 4. jQuery slideDown no es suave
- 5. ¿Cómo puedo recrear mi jQuery .animate() elemento zoom/pan usando css transform?
- 6. Jquery animate bottom problema
- 7. Problema con slideDown de jQuery()
- 8. jQuery .animate() Problemas
- 9. jquery alternar slideUp/slideDown
- 10. ¿Cómo ejecuto la función .animate en jQuery para siempre?
- 11. jQuery animate scrollTop
- 12. ¿Cómo ejecutar jQuery fadeIn() y slideDown() simultáneamente?
- 13. Animate cosas como en jQuery?
- 14. jQuery animate .prepend
- 15. Recrear la función de VELOCIDAD DE Excel utilizando el Método de Newton
- 16. Cómo bucle .animate JQuery
- 17. Animate PNGs with jQuery?
- 18. navegadores cruzados jquery animate scrollTop
- 19. Recrear color HSV utilizando modos de fusión
- 20. jQuery slideDown/slideUp no funciona en IE7
- 21. Cambio de tamaño de la imagen con Jquery Animate
- 22. jQuery Animate relleno a cero
- 23. jQuery: Animate Margins to Auto?
- 24. jQuery - Animate css background-size?
- 25. jQuery: FadeIn/A y slideDown nuevo elemento
- 26. jquery animate -> css -webkit-transform: translate3d
- 27. Cómo implementar jquery como slideDown() en zepto
- 28. JQuery .slideDown() se está deslizando hacia arriba
- 29. JQuery Animar con efecto 'Bounce' después de completar la animación?
- 30. jQuery: slideUp() delay() luego slideDown; no funciona
¿por qué no usar slideDown()? – Patricia
porque animate() tiene una opción de paso a la que puedo adjuntar una función. – Alex