Tengo un navbar hecho con las clases que nos brinda bootstrap 5.1, pero al abrirlo desde un móvil el botón responsive despliega el menú, sin embargo cuando elijo una opción del menú este no se contrae nuevamente. Alguien sabe de alguna clase o script que me permita replegar o regresar a su estado original el botón al elegir una opción ?
<nav class="navbar_style navbar navbar-expand-lg navbar-dark sticky-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="img/Logos/workzone-logonav.png" alt="" width="115" height="54">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">INICIO</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#beneficios">BENEFICIOS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#empresa">EMPRESA</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cotizar">COTIZAR</a>
</li>
<li class="nav-item">
<a class="nav-link active">USUARIOS</a>
</li>
</ul>
</div>
</div>
</nav>