Comment changer la vitesse d'un show jQuery/hide au fil du temps?

Question

Je veux prendre un show/hide jQuery normal, comme la méthode slideDown: $ ('p'). SlideDown ('fast'); et ralentit la vitesse au fur et à mesure qu'elle se rapproche de la fin, ce qui donne un effet légèrement animé par rapport au débit linéaire par défaut. J'oublie comment c'est fait. Via la fonction de rappel en quelque sorte?

Answer 1

See this please. Vous pouvez utiliser la fonction slideToggle et spécifier la vitesse à elle comme ceci:

slideToggle('slow'); 
slideToggle('fast'); 
slideToggle('2000'); 

Answer 2

Vous faites référence à l'assouplissement. Ceci est disponible dans certains effets jQuery, mais pas tous. Plus tôt en 2009, LearningjQuery.com a fait un article sur ce sujet expliquant comment l'ajouter à vos animations jQuery: http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

Answer 3

Son appelé "easing" et jQuery supporte deux méthodes d'accélération: "swing" (par défaut) et " linéaire". Ce que vous voulez peut être atteint en utilisant the easing plugin par lui-même, ou jquery ui core (qui comprend également le plugin d'accélération). Ce site a un certain nombre d'exemples comment l'utiliser.

Une fois que vous avez inclus le plug-in, vous pouvez l'utiliser comme ceci:

$('p').slideDown('fast', "easeOutQuart");