[jQuery] Achieving smoother animate()

[fambi]

We've recently implement an option in which our site's users can hide
and show the left hand menu to make more space for the main content
when necessary (e.g. huge tables).

We've done this through the following code:

        $("#ScreenChange").toggle(
                function()
                {
                        $("#MenuOuter").animate({width: 0}, 750);
                        $("#MainOuter").animate({width: "100%"}, 750);
                },
                function ()
                {
                        $("#MainOuter").animate({width: "75.6%"}, 750);
                        $("#MenuOuter").animate({width: "22.4%"}, 750);
                }
        );

The only issue is that, when compared to certain other javascript
libraries, the animation seems to be very joggy.

We are very loyal to jquery (as you'll see when our new site goes
live) and we're very hopeful that there is some way of making the
animation smoother.

Is there?

Thanks