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

Question

[dmitriyivvvv]

Как в js сделать чтобы при ширине окна браузера < 768 пикселей функция выполняла одну задачу, а больше 768 пикселей другую(без jquery)? Например функция называется open_menu и при <768 пикселей она добавляет стиль width="200px", а при >768 display="block".

Comments

[Froggyweb]

Это выполняется на css

Answer 1

[lamerboy]

Вот так попробуйте:

$(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');
        }
    })
})

Только не забудьте подключить саму библиотеку jquery, если она не подключена.

Comments

[dmitriyivvvv]

это jquery?

[lamerboy]

dmitriyivvvv, ага

[Stalker_RED]

dmitriyivvvv, можно и без jQuery
addEventListener вместо bind, и так далее youmightnotneedjquery.com

[lamerboy]

Прошу прощения, не заметил, что надо без jquery, тогда следуйте совету Stalker_RED, принцип тот же.