Javascript qui ne fonctionne qu'une seule fois.

Bonjour,

Voici mon problème.

J'ai un javascript qui ouvre un menu. on peut fermer et ouvrir ce menu sans problème mais si l'on clique sur un lien, cela amène correctement à l'endroit de la page (mon site est un onepager) mais ensuite, ce menu n'est plus déroulant. On a beau cliquer rien ne ce passe. Je voudrais que l'on puisse en tout temps pour réouvrir et cliquer sur un autre lien.

Merci de votre aide !

le html :

<div class="btn-navigation">
   <div class="barre"></div>
   <div class="barre"></div>
   <div class="barre"></div>
</div>

<div class="navigation">
   <ul>
      <li>
         <a href="#accueil" class="arrow anchorLink" id="anchor1">Accueil</a>
      </li>
      <li>
         <a href="#apropos" class="arrow anchorLink" id="anchor1">À propos</a>
      </li>
      <li>
         <a href="#services" class="arrow anchorLink" id="anchor1">Services</a>
      </li>
      <li>
         <a href="#psycho" class="arrow anchorLink" id="anchor1">La psychotherapie</a>
      </li>
      <li>
         <a href="#approche" class="arrow anchorLink" id="anchor1">Approche</a>        
      </li>
      <li>
         <a href="#contact" class="arrow anchorLink" id="anchor1">Contact</a>
       </li>
       <li>
         <a href="index-en.html">English</a>
       </li>
   </ul>
</div>

le css :

.btn-navigation {
			position: absolute;
			right: 30px;
			top: 32px;
			z-index: 600;
			cursor: pointer;
			display: block;
		}
		.btn-navigation .barre {
			margin-top: 3px;
			width: 20px;
			height: 4px;
			background-color: #000;
		}
		.btn-navigation .barre.white {
			background-color: #FFF;
		}
		.btn-navigation .barre.black {
			background-color: #000;
		}
		.navigation {
			position: fixed;
			right: 0;
			padding:50px 0 0 30px;
			background-color: #000;
			z-index: 500;
			width: 100%;
			height: 100%;
			transition: transform .6s; ease-in-out;
			-webkit-transition: transform .6s; ease-in-out;
			transform: translateX(100%);
			-webkit-transform: translateX(100%);
		}
		.navigation.isopen {
			transform: translateX(0%);
			-webkit-transform: translateX(0%);
		}
		.navigation.isclose {
			transform: translateX(100%);
			-webkit-transform: translateX(100%);
		}
		.navigation ul li {
			margin: 10px 0;
		}
		.navigation ul li a {
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
		}

Le Js

$(document).ready(function(){
	$('.btn-navigation').click(function(){
    	$(this).find('.barre').toggleClass('white');
		$('.navigation').toggleClass('isopen');
	});
	
	$('.navigation a').click(function(){
		$('.btn-navigation').find('.barre').toggleClass('black');
		$('.navigation').toggleClass('isclose');
		
	});
});