Problem in opacity animation

[ibrahim]

if you hovering in & out couple of times in the image in my example and then stop you will see the opacity is taking value other then it should be example in attached file

[ibrahim]

example

[dmethvin]

Here's the basics of the test code:

$('.hover').hover(function() {
	$(this).find('img').stop().fadeOut('slow');
}, function() {
	$(this).find('img').stop().fadeIn('slow');
});	

The .stop() method is leaving the opacity at its value where the animation was stopped, which then causes the fadeIn/Out to resume at that point on later calls. As documented, if you want to have it go to the final animation point, pass in true for the {{{goToEnd}} argument.

​http://docs.jquery.com/Effects/stop#clearQueuegotoEnd