Как я могу закрыть навигацию по щелчку?

#javascript #navigation #push

#javascript #навигация #толкать

Вопрос:

как в this примере, но закрывается после нажатия на элемент навигации

https://codepen.io/j_holtslander/pen/XmpMEp

Ответ №1:

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

При нажатии на нее вы захотите имитировать щелчок по значку закрытия гамбургера.

 document.querySelectorAll(".nav.sidebar-nav a").forEach(function(el){
    el.addEventListener('click', function(){
        document.querySelector('[data-toggle=offcanvas]').click();
    });
});
  

https://codepen.io/craigiswayne/pen/axRKME

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

Комментарии:

1. мой HTML основан на ссылке refrence. я просто не знаю, как изменить js, чтобы панель навигации закрывалась по щелчку при нажатии на элемент из панели навигации