Как можно реализовать закрытие бургер меню на Bootstrap при нажатие ссылки в меню?

Для реализации закрытия бургер меню на Bootstrap при нажатии ссылки в меню можно использовать JavaScript или jQuery. Вот несколько способов, которые вы можете использовать:

1. Используя JavaScript:

// Получаем ссылки меню
var menuLinks = document.querySelectorAll('.navbar-nav .nav-link');

// Перебираем все ссылки меню
menuLinks.forEach(function (link) {
  // Добавляем обработчик события клика
  link.addEventListener('click', function () {
    // Проверяем, есть ли класс 'show' у элемента с классом 'navbar-collapse'
    if (document.querySelector('.navbar-collapse').classList.contains('show')) {
      // Если есть, тогда скрываем меню
      document.querySelector('.navbar-toggler').click();
    }
  });
});

2. Используя jQuery:

// Получаем ссылки меню с помощью селектора
var menuLinks = $('.navbar-nav .nav-link');

// Добавляем обработчик события клика ко всем ссылкам
menuLinks.on('click', function() {
  // Проверяем, есть ли класс 'show' у элемента с классом 'navbar-collapse'
  if ($('.navbar-collapse').hasClass('show')) {
    // Если есть, тогда скрываем меню
    $('.navbar-toggler').click();
  }
});

Оба способа связаны с обработкой клика по ссылкам меню. В обоих случаях мы получаем ссылки меню и добавляем обработчик события click, который будет проверять, есть ли класс show у элемента с классом navbar-collapse. Если класс есть, то мы вызываем метод click у элемента с классом navbar-toggler, чтобы скрыть меню.

Важно отметить, что при использовании первого способа вы должны убедиться, что код выполняется после загрузки DOM-дерева. Если вы работаете с jQuery, вам не нужно беспокоиться о загрузке DOM-дерева, так как он автоматически выполняется после загрузки страницы.