Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/01/2016, 14:34
Avatar de jandrogdz
jandrogdz
 
Fecha de Ingreso: julio-2012
Ubicación: public $Guadalajara
Mensajes: 397
Antigüedad: 11 años, 10 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