Да действительно заработало!)
Вот что получилось в итоге:
var handleMatchMedia = function(mediaQuery) {
if (mediaQuery.matches) {
/* При ширине меньше чем 768px скрипт прячет менюшку */
$('.sidebar').css('left','-192px')
/* Открытие меню кнопкой*/
$('.nav-toggle').click(function() {
$('.sidebar').animate({
left: '0'
}, 200);
});
/* Закрытие меню другой кнопкой*/
$('.nav-toggle2').click(function() {
$('.sidebar').animate({
left: '-192px'
}, 200);
});
/* При ширине выше чем 768px менюшка отображается */
} else {
$('.sidebar').css('left','0')
}
},
mql = window.matchMedia('all and (max-width: 768px)');
handleMatchMedia(mql);
mql.addListener(handleMatchMedia);
У меня возник другой вопрос, появилась необходимость сделать выборку элемента таким образом, чтобы взять дочерний элемент предыдущего соседа... Мне на ум пришла строчка $(this).prev().$('.class')
Но консоль выдаёт кучу ошибок на неё, как быть?)