Foros del Web » Programando para Internet » Jquery »

Ocultar un menu movil al dar click en opcion

Estas en el tema de Ocultar un menu movil al dar click en opcion en el foro de Jquery en Foros del Web. Buenas foro. Estoy teniendo un problema con una pagina, cuando llega a la resolucion de movil el menu se convierte en desplegable y quisiera que ...
  #1 (permalink)  
Antiguo 12/01/2016, 14:34
Avatar de jandrogdz  
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 12 años, 5 meses
Puntos: 12
Exclamación Ocultar un menu movil al dar click en opcion

Buenas foro.

Estoy teniendo un problema con una pagina, cuando llega a la resolucion de movil el menu se convierte en desplegable y quisiera que al darle click en el icon de menu abriera y al darle click en alguna de las pestañas del menu se vovliera a ocultar, he intentado de varias maneras pero solo he logrado que se oculte una sola vez y en la siguiente ya no se muestra el menu.

codigo JQUERY.
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.                 $('.custom-menu a[href^="#"]').on('click',function (e) {
  3.                     e.preventDefault();
  4.  
  5.                     var target = this.hash;
  6.                     var $target = $(target);
  7.  
  8.                     $('html, body').stop().animate({
  9.                         'scrollTop': $target.offset().top
  10.                     }, 700, 'swing', function () {
  11.                        
  12.                         //  AGREGA ANCLA A LA URL EN TIEMPO REAL...
  13.                         //window.location.hash = target;
  14.                     });
  15.                 });

codigo HTML

Código HTML:
Ver original
  1. <button type="button" id="btnMenuMovil" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  2.  
  3. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  4.                     <ul class="nav navbar-nav navbar-right custom-menu">
  5.                         <li class="active"><a href="#inicio">Inicio</a></li>
  6.                         <li><a href="#nosotros">Acerca  de nosotros</a></li>
  7.                         <li><a href="#servicios">Servicios</a></li>
  8.                         <li><a href="#socios">Socios estratégicos</a></li>
  9.                         <li><a href="#contacto">Contacto</a></li>
  10.                     </ul>
  11.                 </div>

la url donde tengo almacenada la pagina es la siguiente.
http://procesoinc.com

Espero alguien me pueda apoyar.

Saludos.
__________________
Lo imposible solo cuesta un poco mas
  #2 (permalink)  
Antiguo 12/01/2016, 14:57
Avatar de jandrogdz  
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 12 años, 5 meses
Puntos: 12
Respuesta: Ocultar un menu movil al dar click en opcion

Ya he logrado que lo oculte y lo muestre pero no me detecta las animaciones...
__________________
Lo imposible solo cuesta un poco mas
  #3 (permalink)  
Antiguo 13/01/2016, 09:14
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años, 1 mes
Puntos: 39
Respuesta: Ocultar un menu movil al dar click en opcion

Yo lo veo todo bien en chrome, por lo que no puedo reproducir tu problema.

también te aviso que a medida que achicas la pantalla aparece un segundo logo, pero no desparece el primero que el lo que creo que intentas hacer.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital

Etiquetas: movil, opcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:01.