/* Открытие меню */
var main = function() { //главная функция
$('.js-icon-menu').click(function() { /* выбираем класс icon-menu и
добавляем метод click с функцией, вызываемой при клике */
$('.js-nav').animate({ //выбираем класс menu и метод animate
left: '0px' /* теперь при клике по иконке, меню, скрытое за
левой границей на 285px, изменит свое положение на 0px и станет видимым */
}, 200); //скорость движения меню в мс
$('.js-header').animate({ //выбираем тег body и метод animate
left: '285px' /* чтобы всё содержимое также сдвигалось вправо
при открытии меню, установим ему положение 285px */
}, 200); //скорость движения меню в мс
});
/* Закрытие меню */
$('.js-icon-close').click(function() { //выбираем класс icon-close и метод click
$('.js-nav').animate({ //выбираем класс menu и метод animate
left: '-285px' /* при клике на крестик меню вернется назад в свое
положение и скроется */
}, 200); //скорость движения меню в мс
$('.js-header').animate({ //выбираем тег body и метод animate
left: '0px' //а содержимое страницы снова вернется в положение 0px
}, 200); //скорость движения меню в мс
});
$('.nav__link').click(function() { //выбираем класс icon-close и метод click
$('.js-nav').animate({ //выбираем класс menu и метод animate
left: '-285px' /* при клике на крестик меню вернется назад в свое
положение и скроется */
}, 200); //скорость движения меню в мс
// $('.nav__item').animate({
// left: '-285px'
// }, 200);
$('.js-header').animate({ //выбираем тег body и метод animate
left: '0px' //а содержимое страницы снова вернется в положение 0px
}, 200); //скорость движения меню в мс
});
};
$(document).ready(main); /* как только страница полностью загрузится, будет
вызвана функция main, отвечающая за работу меню */menu.js:66 Uncaught ReferenceError: $ is not defined
at Object../src/js/menu.js (menu.js:66)