Как сделать чтобы функция выполняла разные вещи при разной ширине окна браузера?

$(function() {
    $(window).bind("load resize", function() {
        width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
        if (width < 768) {
           $('.menu-content').addClass('open');
        } else {
           $('.menu-content').addClass('open1');
        }
    })
})