title: jQuery .hover not working
body: <p>Hi What is wrong with my code here:</p>
  
  <p>When I hover over #open #pull_down_content should be moving down the page from the header and when I move away from #open it should move back up. But when I test the code as soon as the page loads #pull_down_content moves down the screen before I even hover over it.</p>
  
  <pre><code>$(function() {
  
  //Open on hover 
  $('#open').hover((function(){
      $('#pull_down_content').animate({'top':'-0px'},1000);
  })
  
  //Close when not hovered
  (function(){
      $('#pull_down_content').animate({'top':'-340px'},1000);
  
  })
  });
  );
  </code></pre>