How to close the navigation menu of the site by clicking on the anchor link?

Question

JavaScript

Site on wordpress, the menu is made in a standard way through the admin panel, when on the mobile version, I click on any anchor link from the menu, it goes to the right place, but does not close the menu itself. Adding onClick="this.closest('nav').classList.remove('opened') is not possible. How to do it with js?

Answer 1

in the same way hang your code on onClick on links in the code

document.querySelectorAll('.link').forEach(el => {
  el.addEventListener('click', () => {
    el.closest('nav').classList.remove('opened')
  })
})