[kvizor34]

Задача следующая:
Есть макет, в своём первоначальном виде, имеет боковую менюшку. В адаптиве эта менюшка через медиа запрос прячется путём получения left: -192px. В этом же запросе появляется две кнопки для открытия и закрытия менюшки.

Скрипт:

/* Открытие меню */
    $('.nav-toggle').click(function() {
        $('.sidebar').animate({
            left: '0'
        }, 200);
    });


/* Закрытие меню */
    $('.nav-toggle2').click(function() {
        $('.sidebar').animate({
            left: '-192px'
        }, 200);
    });

Всё работает... НО
при масштабировании к первоначальной версии, свойства остаются, т.е. если я в адаптиве скрыл менюшку, а потом отскролил экран, она останется скрытой...

Я понял что применяются инлайновые стили, в связи с этим у меня вопрос, как реализовать данный функционал таким образом, чтобы макет работал так как задуманно главным файлом стилей? Может как то заставить работать скрипты при определённом разрешении, а при его изменении определённые стили сбрасывались? Другими словами - как мне подружить адаптив с jquery?