slide out navigation bar seems too simple but it works, is it?
From a once over:


You should put the closing brace at the level of $ for readability:

$(function () {
    $('#menubutton').click(function (e) {
        e.preventDefault();
        e.stopPropagation();
    });

    function handler1() {
        $("#page").animate({
            left: "200px"
        }, 150);
        $("#menu").css("overflow-y", "auto");
        $("#menubutton").one("click", handler2);
    }

    function handler2() {
        $("#page").animate({
            left: "0"
        }, 150);
        $("#menu").css("overflow-y", "hidden");
        $("#menubutton").one("click", handler1);
    }
    $("#menubutton").one("click", handler1);
    $("#page").click(handler2);
    $("#menu").css("visibility", "visible");
});

handler1, handler2 are unfortunate names, these function names should convey what the function does ( perhaps slideRight and slideLeft ? )
You access $('#menubutton') a number of times, you should cache it with var $menuButton = $('#menubutton') and then access $menuButton, you can use the same technique for the other jQuery calls as wel
You are repeating yourself between handler1 and handler2, but it seems that trying to find a common routine would make this code more complex, so I would leave that alone