Thanks for that.
I agree. It looks horrible. haha.
Any suggestions on how to maybe accomplish this using css? or maybe helping to figure out what is causing the jump?
Ive tried:
1. researching how to animate margin top but came up with only transition (i'm sure you need a click or hover function for that?)
2. animating css with transform translate, but that only animates the first text box and isn't ideal.
3. adding a delay to the .animate function but that isn't looking good either.
4. adding two jquery plugins for easing - the one you suggested works but I found that the easing was not the issue.
Thanks :)