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$(document).ready(function(){
$('.custom-menu a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 700, 'swing', function () {
// AGREGA ANCLA A LA URL EN TIEMPO REAL...
//window.location.hash = target;
});
});
codigo HTML
Código HTML:
Ver original<button type="button" id="btnMenuMovil" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right custom-menu"> <li class="active"><a href="#inicio">Inicio
</a></li> <li><a href="#nosotros">Acerca de nosotros
</a></li> <li><a href="#servicios">Servicios
</a></li> <li><a href="#socios">Socios estratégicos
</a></li> <li><a href="#contacto">Contacto
</a></li>
la url donde tengo almacenada la pagina es la siguiente.
http://procesoinc.com
Espero alguien me pueda apoyar.
Saludos.