Buenos días chicos. Tengo este script:
Código Javascript
:
Ver original$('.navbar-nav>li>a').click(function(){
$('.navbar-collapse').collapse('hide');
});
Lo que hace es que cuando pulsas una opción del menú, este se esconde. Pero, si pulso en la "hamburguesa" no hace nada. Y no sé que hacer. A ver, no es mucho problema, pero lo que pasa es que si el usuario abre el menú y no quiere elegir ninguna opción, si pulsa en la "hamburguesa", ésta no cierra el menú, hay que elegir una opción para que se cierre. Os pongo el menú.
Código HTML:
Ver original<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top"> <a data-scroll class="navbar-brand" href="#inicio"> <img src="imagenes/logo.png" width="30px" height="30px" class="d-inline-block align-top" alt="Turibamba Ocio"/>Turibamba
</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto text-center" style="font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial,' sans-serif';"> <li class="nav-item active"> <a data-scroll class="nav-link" href="#inicio">Inicio
</span></a> <a data-scroll class="nav-link" href="#cumpleaños">Cumpleaños
</a> <a data-scroll class="nav-link" href="#animaciones">Animaciones
</a> <a data-scroll class="nav-link" href="#despedidas">Despedidas
</a> <a data-scroll class="nav-link" href="#nosotras">Nosotras
</a> <a data-scroll class="nav-link" href="#galeria">Galería
</a> <a data-scroll class="nav-link" href="#tarifas">Tarifas
</a> <a data-scroll class="nav-link" href="#contacto">Contacto
</a>
Gracias. Un saludo a todos.