Comment mettre en œuvre un jQuery slide/rebond de l'animation?
Fondamentalement, je voudrais avoir un DIV de faire glisser et de faire un léger rebond où il va passé c'est la taille finale et puis revient. Vous ne savez pas comment l'expliquer merci donc de voir ma tentative à un diagramme ci-dessous:
---------------------> //Slides out
<---- //Then "bounces" back to it's final size
J'ai la première partie vers le bas à l'aide de l'activer /désactiver l'animation:
$("#second").animate({ width: 'toggle' }, 85);
Je pensais que je pouvais obtenir l'effet de rebond en faisant:
$("#second").animate({ width: 'toggle' }, 85).animate({ width: 'toggle' }, 75);
Mais il disparaît. Après avoir lu plus de l'animé/bascule de la documentation, je suppose que cela fait sens, mais je ne suis toujours pas sûr de savoir comment obtenir les fonctionnalités souhaitées. Des suggestions?
Des points de Bonus si vous pouvez faire en sorte que le contenu de la coulissantes div est coupée plutôt que d'être poussé à la ligne suivante.
Vous devez vous connecter pour publier un commentaire.
J'ai été en mesure de mettre en œuvre cette façon:
Semble être la plus simple.
La façon la plus simple que je sais faire c'est d'inclure jQuery Easinh Plugin (http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js) et d'utiliser le "easeOutBack" la méthode.
Vous avez besoin d'ajouter un
complete
gestionnaire. http://api.jquery.com/animate/