title: jQuery UI animation
body: <p>I'm new to jQuery and am having some difficulty getting the result I'm after.</p>
  
  <p>I have an image in a div that I would like to animate on hovering over it as in this example. <a href="http://thewebsitedeveloper.co.nz/thinkRedTest/pattonNz/optionOne.html" rel="nofollow">http://thewebsitedeveloper.co.nz/thinkRedTest/pattonNz/optionOne.html</a> </p>
  
  <p>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.</p>
  
  <p>This is the script that's animating it at present:</p>
  
  <pre><code>$('.gHover').hover(function ()
  {
      $(this).effect("bounce", { distance: 3, times:1 }, 900);
  });
  </code></pre>