jquery animation looping (mouseenter, mouseleave)?

Question

JavaScript

There is a simple animation in jquery.
The text appears at the bottom.
But if you move the cursor many times, then the animation "loops".
Here is an illustration:


CODE: https://jsfiddle.net/q23a85zr/1/

What needs to be changed so that the animation does not play many times?