Jquery - Stop Animation In Progress (fadeout) And Show Again When Mouse Enters/leaves Quickly

I have a

that when hovered over, will show some text. When the mouse leaves, the text fades out. However, if the mouse enters the

again before the fadeOut i

Solution 1:

You want to look into the JQuery stop() function:

http://api.jquery.com/stop/

Share

You may like these posts

• 
  Css Transition Property On Page Exit
• 
  How Do I Rotate An Image On Hover Using Jquery?
• 
  Bug With .animate()'s Callback?
• 
  How To Smooth Jquery Animations