Использую Bootstrap 5 для создания шапки сайта. Когда окно становится узким ссылки сворачиваются и появляется кнопка. Когда нажимаю на неё, то панель разворачивается, но когда нажимаю еще раз, чтобы свернуть, ничего не работает. jquery и все скрипты от бустрапа подключил.
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a style="max-width: 25%;" class="navbar-brand" href="#">
<img src="/data/images/logo.png" alt="" class="d-inline-block align-text-top w-100">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav nav-justified w-100">
<a class="nav-link active" aria-current="page" href="/">Главная</a>
<a class="nav-link" href="#">Форум</a>
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
{% if visitor.isGuest == true %}
<a class="nav-link" href="/login/login">Войти</a>
{% else %}
<a class="nav-link" href='/account'>{{ visitor.getUsername }}</a>
{% endif %}
</div>
</div>
</div>
</nav>
