jQuery function needs clicking twice
<p>if you visit one of our sites; <a href="http://skateboardingphoto.co.uk" rel="nofollow">http://skateboardingphoto.co.uk</a>, you will see that there is a navigation bar at the top which can be hidden or expanded. </p>

<p>When being expanded (expanded by default, so have to minimise first), it needs to be clicked twice, but it would seem only the first time...</p>

<pre><code>&lt;script type="text/javascript"&gt;
jQuery(document).ready(function() {
    jQuery(".open-close").click( function() {
        if (jQuery("#openClose").is(":hidden")) {
            jQuery("#navigation-wrap").removeClass("closed").addClass("open")
                    .animate({ 
                    marginLeft: "0px"
                }, 500 );
            jQuery.cookie('navbar', 'open', { expires: 1, path: '/' });
            jQuery("#openClose").show();
        } else {
            jQuery("#navigation-wrap").removeClass("open").addClass("closed")
                    .animate({ 
                    marginLeft: "-330px"
                }, 500 );
            jQuery.cookie('navbar', 'closed', { expires: 1, path: '/' });
            jQuery("#openClose").hide();
        }
    });  
});
&lt;/script&gt;
</code></pre>

<p>Thanks for your help</p>
