Скрыть сайдбар при прокрутке страницы

При прокрутки более чем на 500px вниз скрывается сайдбар и главный блок делается на всю ширину.

by Alexander Lashchevsky

HTML

<div id="content"></div>
<div id="sidebar"></div>

CSS

#content {
    width: 700px;
    float:left;
    text-align: justify;
    line-height: 1.5em;
}
#sidebar {
    width: 300px;
    float: left;
    overflow: hidden;
}

JavaScript

$(window).scroll(function() {
    if ($(this).scrollTop() > 500) {
       $('#content').css({'width': '1000px'});
       $('#sidebar').css({'width': '0px'});
    }
    if ($(this).scrollTop() < 500) {
        $('#content').css({'width': '700px'});
        $('#sidebar').css({'width': '300px'});
    }
});