The problem:
When you have
mouseover
and mouseout
events bound to some element on you page with children elements. Hovering over children element fires parent’s mouseover
and/ormouseout
event.The solution:
The solution to this error is to use
mouseenter
and mouseleave
events instead ofmouseover
and mouseout
.The reason:
This solution works because mouseover and mouseout events do not bubble from child to parent element.
Source and credit goes to: http://jquery-howto.blogspot.in/
http://jquery-howto.blogspot.in/2009/04/problems-with-jquery-mouseover-mouseout.html