Question

I’m new to jQuery and am having some difficulty getting the result I’m after.

I have an image in a div that I would like to animate on hovering over it as in this example. http://thewebsitedeveloper.co.nz/thinkRedTest/pattonNz/optionOne.html

This works fine but I would prefer that the image didn’t bounce continually. I would just like the image to move up up and stay in a raised position until the mouse leaves the containing div.

This is the script that’s animating it at present:

$('.gHover').hover(function ()
{
    $(this).effect("bounce", { distance: 3, times:1 }, 900);
});

Answer 1

use mouseenter event instead of hover