title: jquery hover mouse out
body: <p>I want a simple slide down / up animation on a mouse over of a link. I can get the mouse over to work but I can't work out how to get the mouseout to do it's thing.</p>
  
  <p>Here's what I have for the hover effect:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  google.load("jquery", "1.3.2"); //load version 1.3.2 of jQuery
  
  google.setOnLoadCallback(function() {
      jQuery(
          function($) {
              $("a.button").hover(function(){$(this).animate({"marginTop": "0px"}, "fast")   
  
          });
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>How do I get this to move the margin up 16px when mouse out?</p>