Hi! thank you guys! I have been reading and reading many helpful posts and I found a way to achieve what I was trying to do using functions.
What I was trying to do:
When I hover the first animation begins. Then, when I click the second animation begins and the first hover animation stop so I can create a new hover animation.