JQuery on MouseOver
javascript, jquery
Solution
http://jsfiddle.net/euhcc/9/
I think what you're looking for is `mouseleave` instead of `mouseout`.
Check the updated fiddle to see if that's what you're looking for.
In jQuery, `mouseleave` examines more of the "area" which is covered by an element and its descendants, rather than the element itself. That means if you have an element which is presented over the element (in context: `$(this)`), and it is a descendant of `$(this)`, and you want to ensure that the functionality is based on whether the mouse is physically over where the `$(this)` element would occupy (other elements notwithstanding), then use `mouseleave`.
Problem
I have an image of a product, with a "new product" image on top. When i throw the mouse on top of that, it takes it as if the mouse left the product picture. Also, when i mouseover, the div that appears should not disappear because the mouse enters that. Here is the current example: http://jsfiddle.net/euhcc/8/