Как я могу получить sidenav меню Bootstrap 4, чтобы закрыть по ссылке нажмите

Question

Я начал изменять найденный шаблон getbootstrap ЗДЕСЬ

Мне не удается закрыть меню, щелкнув ссылку внутри менюкогда на мобильном телефоне, если это якорная ссылка, я думаю, это потому, что страница не перезагружается, так что ...

Как мне получить поведение, которое я ищу.

Перепробовал все возможноеРешения о нормальном выпадающем меню, но это не работает для sidenav ..

Answer 1

Это можно сделать с помощью небольшого jQuery ...

  $('.navbar-nav>li>.nav-link').on('click', function(){
     $('.offcanvas-collapse').toggleClass('open')
  })

Демо: https://www.codeply.com/p/2py26A0JW0