I have a code, but I need help please, how can I close the menu when clicking on a link item. that’s what I’m stuck on
$('.burger').on('click', function() {
$(this).toggleClass('active');
$('.menu__list').slideToggle();
});
let ul = document.querySelector('.menu__list');
let li = document.querySelectorAll('.menu__link');
li.forEach(el => {
el.addEventListener('click', function() {
ul.querySelector('.menu__link--active').classList.
remove('menu__link--active');
el.classList.add('menu__link--active');
});
});
Advertisement
Answer
Just add .slideToggle() to the click listener:
$('.burger').on('click', function() {
$(this).toggleClass('active');
$('.menu__list').slideToggle();
});
let ul = document.querySelector('.menu__list');
let li = document.querySelectorAll('.menu__link');
li.forEach(el => {
el.addEventListener('click', function() {
ul.querySelector('.menu__link--active').classList.
remove('menu__link--active');
el.classList.add('menu__link--active');
$('.menu__list').slideToggle();
});
});