Как установить класс по умолчанию при определенном разрешении?

Question

[Евгений Гайдуков]

Есть такой код, открывающий-закрывающий боковое меню, попросили прикрутить св-во, чтобы при ширине экрана < 1770px меню было по умолчанию уже открыто. Понимаю что делается в пару строк, но что-то идёт не так.

$('.leftcolumn__close-link').click(function() {
            $('.leftcolumn').toggleClass('open');
            $('#overlay').toggle();
            $('body').toggleClass('position-fixed');
            $('.leftcolumn').addClass('open');
        })

        $('#overlay').click(function() {
            $('#overlay').hide();
            $('.leftcolumn').toggleClass('open');
            $('body').toggleClass('position-fixed');
        })

Все, что смог придумать - это прикрутить над кодом

$(document).ready(function(){
            if ( $(window).width() < 1770) {
                $('.leftcolumn').addClass('open');
            }
        });

Но не работает

Comments

[Andrew]

Работает, вроде, только я поставил поменьше, для теста.

Answer 1

[Дуболом Одноклеточный]

Это знак меньше, поставь знак >= (больше равно), тогда даже если экран будет ровно 1770, секция скроется

Comments

[Евгений Гайдуков]

Спасибо!

[Дуболом Одноклеточный]

Пожалуйста!