http://crystalcleanhomes.com/slide/There are countless scripts that perform this simple slide-out navigation menu but they are all so bloated and the styles are so convoluted that I decided to make my own and it seems almost too simple and too basic so I've come here for criticism. From my testing it even works in IE7 and an older Android tablet (and of course flawlessly in Chrome, iOS, FF, etc.). So please critique this!Here is a fiddle to more easily see the code: http://jsfiddle.net/9nT7B/Question: does this meet compliance?$(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);    });
slide out navigation bar seems too simple but it works, is it?
javascript;jquery
you can try to use a boolean variable to do something like toogle     $(function(){    var isOpen=false,$page=$(#page);    $('#menubutton').click(function(e){        e.preventDefault();        e.stopPropagation();        menu();    });    function menu(){        if(isOpen===false){            open();        }        else{            close();        }    }    function open(){         $page.animate({left:200px},150);         isOpen=true;    }    function close(){        $page.animate({left:0},150);        isOpen=false;    }    $page.click(close);});        other changes in the fiddle    create a var $page=$(#page)remove $(#menu).css(overflow-y, hidden); and set the css directly to auto no need to use .one every time you click the #menubutton     change function names to open and close http://jsfiddle.net/9nT7B/2/