Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: SrTrp en 24 Diciembre 2020, 20:21 pm



Título: No puedo ocultar mi menu responsive Bootstrap
Publicado por: SrTrp en 24 Diciembre 2020, 20:21 pm
Hola que tal no puedo ocultar mi menu bootstrap(ultima versión) solo lo puedo abrir de ahi ya no lo puedo ocultar no se porque intente solucionar esto con lo siguiente:
Código
  1. <nav class="navbar navbar-expand-lg">
  2.  <div class="container-fluid">
  3.    <a class="navbar-brand" href="#">
  4.      <img src="img/Logo.png" alt="" width="30" height="30" class="d-inline-block align-top">
  5.    name</a>
  6.    <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">
  7.      <span class="navbar-toggler-icon"></span>
  8.    </button>
  9.    <div class="collapse navbar-collapse" id="navbarNav">
  10.      <ul class="navbar-nav">
  11.        <li class="nav-item">
  12.          <a class="nav-link active" aria-current="page" href="#">TEST1!</a>
  13.        </li>
  14.        <li class="nav-item">
  15.          <a class="nav-link" href="#">TEST2</a>
  16.        </li>
  17.        <li class="nav-item">
  18.          <a class="nav-link" href="#">TEST3</a>
  19.        </li>
  20.      </ul>
  21.    </div>
  22. <div class="collapse navbar-collapse nav-rg" id="navbarNav">
  23.    <ul class="nav navbar-nav ">
  24.      <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-user"></span> Registrarse</a></li>
  25.      <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-sign-in"></span> Login</a></li>
  26.    </ul>
  27.    </div>    
  28.  </div>
  29. </nav>
  30.  
Y quiero solucionar minimizarlo con esto:
Código
  1. var cc_show=0;
  2. $(document).ready(function () {
  3.       $("#mainbtn").click(function(event) {
  4.       cc_show++;      
  5.           if(cc_show%2==0){
  6.           $(".navbar-collapse").collapse('hide');
  7.           }
  8.  
  9.       });
  10.     });
  11.  
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!