title: display: inline does not work with jquery animate ()
body: <p>I am trying to animate a div that is hidden by default on mousing over the header of a site here is the jquery code that does not currently work:</p>
  
  <pre><code>    $("#header_title").mouseenter(function() {
          $('#header_links').animate({
              display: "inline",
              width: "600px"
              }, 1500 );
      });
  
      $("#header").mouseleave(function() {
          $('#header_links').css({
              display: "none",
              }, 1500 );
      });
  </code></pre>
  
  <p>It works fine when I change animate to css, however I dont want the menu to just appear, I want it to animate after being hidden. Any suggestions?</p>