Cuando vuelvo la pantalla al tamaño de un celular el navbar colapsa a un icono el cual al apretarlo abre, pero cuando lo quiero cerrar no cierra y tratado con diferentes librerías y no me solucionan el problema.
<!DOCTYPE html>
<html lang="es-CL">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.rtl.min.css" integrity="sha384-dc2NSrAXbAkjrdm9IYrX10fQq9SDG6Vjz7nQVKdKcJl3pC+k37e7qJR5MVSCS+wR" crossorigin="anonymous">
<!-- <link rel="stylesheet" href="../Css/bootstrap.min.css" crossorigin="anonymous"> -->
<link rel="stylesheet" href="../Css/style.css">
<!-- CDN ICON -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<!-- Scrtipts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<!-- Header -->
<header class="container-fluid p-3 " style="background-color: #1abc9c;">
<div class="row">
<div class="text-center text-light">
<h3><b>Trabajo de Proyecto: J.A.L.E</b></h3>
</div>
</div>
</header>
<!-- Encabezado -->
<nav class="navbar stroke navbar-expand-lg navbar-light bg-light p-3 mb-5" id="menu">
<script src="js/bootstrap.min.js"></script>
<a class="navbar-brand">
<img src="../Imagenes/logo-JALE-amarillo.png" style="width: 50px;" alt="logoJALE">
<span class="text-secondary fs-5 fw-bold">J.A.L.E</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-lg-0">
<li class="nav-item me-auto">
<a class="nav nav-link zoom" aria-current="page" href="/Jale_Final/index.php">Inicio</a>
</li>
<li class="nav-item me-auto">
<a class="nav nav-link zoom" href="/Jale_Final/Formulario/verWebOff.php">Sitios Webs</a>
</li>
<li class="nav-item me-auto">
<a class="nav-link zoom" href="/Jale_Final/Formulario/verInfografia.php">Infografias</a>
</li>
<li class="nav-item me-auto">
<a class="nav nav-link zoom" href="/Jale_Final/Formulario/verNoticias.php">Noticias</a>
</li>
</ul>
</div>
</nav>
</html>