How to stop an animation loop in jquery
I have a problem with the animation on this page "intervista 5"
Practically, when the player is playing, next and prev arrows should be hidden. When the user hovers with the mouse on `div.interview_media` the function I created shows current slide's active arrows.
Now, the issue: if I hover `div.interview_media` from the right or the left side of the div, centrally (i.e. where the next or the prev arrow should be) the animation enters a loop since when the arrow is hidden, the pointer triggers the animation while, appearing the arrow, the pointer is no more on `div.interview_media` but on one of the arrow (`.browse`) so arrows are hidden entering, then, a show/hide loop… doh!
Any idea on how to solve the issue?
Thank you all for you help,
 The show hide function: