Question

I’m trying to do a simple hover over div and show/hide image.

Here’s the fiddle: http://jsfiddle.net/s2WWM/

What am I doing wrong?

Answer 1

Use mouseenter and mouseleave instead of mouseover and mouseout

http://jsfiddle.net/s2WWM/2/

Also bind it on the container element.

The difference between these events is that mouseenter and mouseleave only count when you fully leave an element while mouseover and mouseout count when you leave the element regardless if you are still inside the element.

For example, when you leave an outer element for an inner element, that’s a mouseout but not a mouseleave because you are still inside the outer element.