I'm working on a full image background website where the visitor has the opportunity to hide the content to see the background image in full. The problem I have is that when the page is loaded and the toggle button is clicked, the function isn't executed. Only after I click a second time the function is executed. What do I need to change to make the function work on the first click. This is the function I am using:

Code:
jQuery(function($) {
    $(document).ready(function() {
        $('.panelHandle').toggle(function() {
            $('#content').stop(true, false).animate({
                'left': '260px'
            }, 900);						
        }, function() {
            jQuery.noConflict();
        });

        jQuery('.panelHandle').toggle(function() {
            // Do nothing
        }, function() {

            jQuery.noConflict();
            jQuery('#content').animate({
                left: '-320px'
            }, 500);						

        });
    });
});
Can anyone please tell me what I need to change to make this event work on the first click.

Thank you in advance!!