Different timelines animating the same element, causing the animations to get mixed up.

[samlinck]

Hi i'm making some hover animations that should behave separately. But they get mixed up. I want the sentence in the middle to fade-out and on the basis of the hovered link i want to show the accompanied hidden div.  But if you hover really fast from one link to another, the first animation gets mixed up with the following animation. Hope someone can help. 

See the Pen gOwxVrE by Samlinck (@Samlinck) on CodePen

[ZachSaucier]

Hey samlinck. This is because your tweens are in conflict with each other.  Usually it's good to create animations beforehand but in this case it probably makes more sense to create a new animation each time an item is entered or left. If you do this you should make sure to overwrite the older animations:

See the Pen NWRaxRW?editors=0010 by GreenSock (@GreenSock) on CodePen