JQuery animate to "Height: 0px;" is still showing
<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>
