title: JQuery animate to "Height: 0px;" is still showing
body: <p>I have recently tried to implement my drop-down menu to work upon clicking on my button to animate from "Height: 0px;" to "Height: 260px;", however, upon loading of the document, the div is visible even though overflow is set to be hidden and the height is set as 0px.</p>
  
  <pre><code>$('.DropBtn a').click(function() {
      if ($(this).attr("href") == "#Open") {
          $(this).attr("href", "#Close");
          $('#Font-Size .DropList').stop().animate({
              height: "260px",
          }, 400);
      } else if ($(this).attr("href") == "#Close") {
          $(this).attr("href", "#Open");
          $('#Font-Size .DropList').stop().animate({
              height: "0px",
          }, 400);
      }
  });
  </code></pre>
  
  <p>Above is the recent addition to my script and you can view it live on JSFiddle <a href="http://jsfiddle.net/anw4B/" rel="nofollow">here</a>.</p>
  
  <p>Thank you for any help provided for a solution to my problems,</p>
  
  <p>Best Regards,</p>
  
  <p>Tim</p>