marfushjke,
Самоё лёгкое решение.
Для этой реализации мы на родительский блок вешаем класс(когда меню активно(active) и неактивно()).
document.querySelector('Наша кнопка').onclick = function(){
document.querySelector('Родительский блок менюшки').classList.add('Класс который нужно добавить');
}
Сначала рекомендую поиграться с js посмотреть как он работает в этом случае и потом уже перейти стилям.
Нам нужно правильно сделать стили.
1. Стиль неактивного меню.
2. Стиль активного меню.
Логика работы. Кликаем на наш гамбургер.
Он добавляет для родителя класс
<div class="наши_классы active">.
Важные заметки
querySelector('div.parentBlock') - ищет так же как стили css.
Чтобы искать по класу нужно
querySelector('.myClass')....
classList.(add/remove/toggle) добавить/удалить/ если нет добавит. если есть уберёт.
Ещё не рекомендую писать на jquery на начальном этапе.
Раньше это сильно ускоряло работу тк как это было прорывным в качестве скорости и возможностей. В современном js знать jquery для больших библиотек надо. Но Приоритетнее писать на чистом js.