Código
Y quiero solucionar minimizarlo con esto:
<nav class="navbar navbar-expand-lg"> <div class="container-fluid"> <a class="navbar-brand" href="#"> <img src="img/Logo.png" alt="" width="30" height="30" class="d-inline-block align-top"> name</a> <button class="navbar-toggler" id="mainbtn" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> </li> <li class="nav-item"> </li> <li class="nav-item"> </li> </ul> </div> <div class="collapse navbar-collapse nav-rg" id="navbarNav"> <ul class="nav navbar-nav "> </ul> </div> </div> </nav>
Código
Este uso un contador para saber cuando se abre o se cierra, por que intente usar el HasClass('show') pero solo devolvia false, y aqui si entra pero no me lo minimiza y pruebe desde la consola del navegador copiando y pegan esa misma linea de collapse y ahi si me funcion!
var cc_show=0; $(document).ready(function () { $("#mainbtn").click(function(event) { cc_show++; if(cc_show%2==0){ $(".navbar-collapse").collapse('hide'); } }); });