Cerrar menú hamburguesa al hacer click

Buenas gente, estoy bastante perdido estoy ayudando a un amigo con su web y me he estancado con el menú para móviles/resoluciones pequeñas. La idea era que al hacer clic en cualquier enlace del menú, este desapareciera ya que si no lo hace no deja ver la página.
Estoy abstente perdido la verdad, el menú lo he copiado de otra plantilla que usa boostrap también, pero me falta ese detalle. si alguien me arroja una luz se lo agradecería.
[URL="http://www.sunstylevlc.com/rayosuva/"]rayosuva[/URL] esa es la web

tienes muchos codigos para ellos, pero si usas bootstrap, algo como esto te funcionaria:

Código HTML :

    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar/">Default</a></li>
            <li><a href="../navbar-static-top/">Static top</a></li>
            <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

Un saludo,
David
estudio de diseño grafico