tabs in hamburger menu

hamburger.js

@@ -3,7 +3,26 @@ var menu = document.getElementById("hamburgerMenu");
 
 var open = false;
 
-button.addEventListener('click', function(){
-  menu.style.left = (open)? '-382px' : '0px';
-  open = !open;
+button.addEventListener('click', function () {
+    'use strict';
+    menu.style.left = (open) ? '-382px' : '0px';
+    open = !open;
+}, false);
+
+var buttonEsir = document.getElementById("ancherESIR");
+var buttonRennes = document.getElementById("ancherRennes");
+
+var tab0 = document.getElementById("tab0");
+var tab1 = document.getElementById("tab1");
+
+buttonEsir.addEventListener('click', function () {
+    'use strict';
+    tab1.style.display = 'none';
+    tab0.style.display = 'block';
+}, false);
+
+buttonRennes.addEventListener('click', function () {
+    'use strict';
+    tab0.style.display = 'none';
+    tab1.style.display = 'block';
 }, false);

index.php

@@ -52,12 +52,12 @@ else
 
 
         <nav id="hamburgerMenu">
-        <a id="ancherESIR" href="#ESIR" onclick="alert('Click on ESIR');">
+        <a id="ancherESIR" href="#">
             <div class="onglet" id="onglet-esir">
                 Esir
             </div>
          </a>
-         <a id="ancherRennes" href="#Rennes" onclick="alert('Click on Rennes');">
+         <a id="ancherRennes" href="#">
             <div class="onglet" id="onglet-ext">
                 Rennes
             </div>