[SOLUCIONADO] Nuevo problema con menu

[sergiodueso]

Buenos días chicos. Tengo este script:

Código Javascript:

$('.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:

<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>
  </button>
 
  <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>
      </li>
      <li class="nav-item">
        <a data-scroll class="nav-link" href="#cumpleaños">Cumpleaños</a>
      </li>
      <li class="nav-item">
        <a data-scroll class="nav-link" href="#animaciones">Animaciones</a>
      </li>
       <li class="nav-item">
        <a data-scroll class="nav-link" href="#despedidas">Despedidas</a>
      </li>
       <li class="nav-item">
        <a data-scroll class="nav-link" href="#nosotras">Nosotras</a>
      </li>
       <li class="nav-item">
        <a data-scroll class="nav-link" href="#galeria">Galería</a>
      </li>
      <li class="nav-item">
        <a data-scroll class="nav-link" href="#tarifas">Tarifas</a>
      </li>
       <li class="nav-item">
        <a data-scroll class="nav-link" href="#contacto">Contacto</a>
      </li>
    </ul>
  </div>
</nav>
 

Gracias. Un saludo a todos.

[sergiodueso]

Ya lo he arreglado. Tenía dos líneas de referencia a dos archivos js al principio en el head y al final antes del </body>. He quitado las dos líneas del princio y ya está, funciona de maravilla. Gracias a todos.