title: Hide element on mouseover while animate
body: <p>I want to hide an image during animation on mouse over.
  here is my code of animation only</p>
  
  <pre><code> $('#my_img').animate({'bottom':70}, bouncetime, 'easeOutQuad', function() {
   ....
   });
  </code></pre>
  
  <p>can you please tell me where and how to put mouse over code so that it hides.</p>
  
  <p>thank you</p>