Моя навигационная панель Bootstrap работает, но навигационная панель не сворачивается автоматически при нажатии. Мне нуж ⇐ Html

[Anonymous]

Я использовал Bootstrap для настройки своего первого сайта, и моя панель навигации отлично работает в качестве панели навигации. Однако, когда страница достаточно мала, чтобы ее можно было преобразовать в меню-гамбургер, при выборе ссылки она перемещает меня в нужное место, но панель не скрывается, пока я снова не нажму гамбургер.
Я предполагаю, что это потому, что я не использую правильный сценарий JQuery или Bootstrap (это то, что чаще всего кажется исправлением), но, насколько я могу судить с моими новичками, это самый современный вариант версию.
Я просматривал прошлые ответы и экспериментировал с кодом, но не смог решить проблему.
Есть мысли?
HTML в голове

[*]






HTML для панели навигации


Home

[*]
Training and Experience

[*]
Sessions and Fees

[*]
Contact Me

[/list]

Here for you when you need it most




HTML-скрипты внизу страницы












$(document).on('click', 'a.nav-link', function(event) {
event.preventDefault();
console.log("CLICKED ANCHOR!");

$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top - $(".navbar.sticky-top").height()
}, 500);
});




Подробнее здесь: https://stackoverflow.com/questions/623 ... -when-clic