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.

InformationsquelleAutor Abe Miessler | 2011-05-20