jQuery fadeIn and fadeOut buggy on hover of image

jQuery fadeIn and fadeOut buggy on hover of image

Hi All,

I have four images on a page that on hover, needs to replace the main text with relevant text pertaining to that image. It's working but buggy. If I roll over slowly and roll off slowly, I get the desired effect. When I rollover quickly both div's content show. I have attached a thinned out version of what I need to be able to do.

This example is a solution close to what I need but if there is some kind of onComplete event that can be called when one function is finished executing that would be great!

Thanks
James