When hover, fadein/out just repeats

[kelvinseasons]

I’m trying simple fade in / out effects on hover over "li" …it works but it just keeps repeating (fadein/out) when i keep my mouse over them.

Also, how can i make the effects so the ‘li’ that i hover will only have the animation instead of the entire ‘li’

Code:

[Sumeet Chawla]

Hello,
Yeah, it will repeat the animation if you hover over it for a number of times in a short span. To prevent this just use a stop() function before calling the fadein/fadeout function

Code:

$(this).stop().fadeOut() ;

try assigning some classes then it might move only the li you hover on.. But the code looks fine to me.. it should only animate the item on which you hover… What exactly is happening?

[Author]

Posts