Помогите в решении проблемы с мобильной версией меню

прошу помочь, или обьяснить следующую задачу.

Есть сайт, есть обычное меню, которое при разрешении ниже 1000pх становится мобильным. Появляется кнопка (бургер), для открытия мобильного меню. Так вот, так как это одностраничник то ссылки идут анкорами на айди блока. Но..при клике на ссылку - меню не закрывается.

Вот код скрипта моего

btnMenu = document.querySelector('.header__menu-open');
            var menu =document.querySelector('.header__content');
            var body =document.querySelector('body');

            var clickHandler = function clickHandler() {
              menu.classList.toggle('active');
              btnMenu.classList.toggle('active');
              
              };
              btnMenu.addEventListener('click', clickHandler); 

              

Добавляю ссылку в песочницу, так как тут ограничение по количеству символов https://codepen.io/leonovnn/full/JjZMNNr

Задача, чтобы не только по кнопке закрывалось, но и при клике по ссылкам меню при наличии классов active которые добавляются при открытии меню с мобильного устройства.

Так как речь о мобильном меню, смотреть через инструменты разработчика для выставления разрешения экрана менее 1000px.

Заранее благодарю за помощь.

UPDATE Решение которое сделал и все заработало

btnMenu = document.querySelector('.header__menu-open');
        var menu =document.querySelector('.header__content');
        var body =document.querySelector('body');
        var btMenu = document.querySelector('.header__nav-list');
        
        var clickHandler = function clickHandler() {
          menu.classList.toggle('active');
          btnMenu.classList.toggle('active');
          };
          btnMenu.addEventListener('click', clickHandler); 
          btMenu.addEventListener('click', clickHandler);