First mouse call of JQuery's .show() does not display animation
<p>Hi everyone (first post!). I'm a JQuery and Javascript newbie.</p>

<p>I'm working on the following website: http://www.beautifulinteractions.com/lombo/</p>

<p>I made a custom .js file with my own functions calling JQuery selectors and methods. I call the startup() function from  tag and two divs (the menu and and footer) come in in the proper way.</p>

<p>However, the first time (and only the first) I click on a menu element (triggering a .show() call via onclick="javascript:showContent(URL)") the target div gets visibile but does not fade in - it just appears. Every other time I click on a menu item the animation works fine.</p>

<p>What am I doing wrong?<br />
Thank you for your help.</p>

<pre><code>
millis = 600;

function startup() {
    $('#hiddenMenu').show(millis, foo());
    $('#footer').show(millis, foo());
    //$(""+"#hiddenContent"+"").show('slow', foo());
}

function showContent(URL) {
    $('#hiddenContent').hide(millis, function() {
                                        $('#hiddenContent').load(URL);
                                        $('#hiddenContent').show(millis, foo());
     });

}
function hideContent() {
    $('#hiddenContent').hide(millis, foo());
}

function foo() {
    //Do-Nothing
}`
</code></pre>
