Hover over image to show buttons and don't trigger when hovering over actual buttons

Question

I\'m trying to get buttons to appear when hovering over an image. The following works:

    jQuery(\'.show-image\').mouseenter(function() {
 jQuery(\'.the-button         


        

Answer 1

Put the image and the button in the same div, then put the mouseover/mouseout events on the div. Than whether your mouse is over either the button or the image, it will still be over the div.

Also I am not sure if mouseenter(...).mouseout(...) will work. I always use hover(..., ...)