elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  No puedo ocultar mi menu responsive Bootstrap
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: No puedo ocultar mi menu responsive Bootstrap  (Leído 2,844 veces)
SrTrp


Desconectado Desconectado

Mensajes: 327


Script/C#


Ver Perfil
No puedo ocultar mi menu responsive Bootstrap
« 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!


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Como ocultar todo el menu Inicio?
Programación Visual Basic
rfacug 5 2,702 Último mensaje 27 Diciembre 2006, 04:57 am
por DrakoX
¿Ocultar menú en VC++ 2008?
Programación C/C++
Shout 1 1,516 Último mensaje 9 Marzo 2013, 16:53 pm
por naderST
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 3,712 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
duda menu bootstrap
Desarrollo Web
xavidenia 1 2,063 Último mensaje 20 Septiembre 2016, 09:01 am
por eLank0
Texto responsive en BOOTSTRAP 3
Desarrollo Web
Patrick Bateman 3 10,399 Último mensaje 23 Noviembre 2016, 20:08 pm
por #!drvy
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines