document.write('\
<div id="mySidebar" class="sidebar">\
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>\
  <a href="/index.html">Index</a>\
  <a href="/gebruiker/login.php">Inloggen</a>\
  <a href="/gebruiker/registreer.php">Aanmelden</a>\
  <a href="/uitloggen.php">Uitloggen</a>\
  <a href="/groep/groepje.php">Over ons</a>\
</div>\
\
<div id="accountSidebar" class="account-sidebar">\
  <a href="javascript:void(0)" class="closebtn" onclick="closeAccountNav()">×</a>\
  <!-- Voeg hier de links toe voor het accountmenu -->\
  <a href="/gebruiker/profiel.php">Profiel</a>\
  <a href="javascript:history.back()">Terug</a>\
</div>\
\
<div id="main">\
  <button class="openbtn" onclick="openNav()">☰ Menu</button>\
  <button class="accountknop" onclick="openAccountNav()">Account</button>\
</div>\
\
<script>\
function openNav() {\
  document.getElementById("mySidebar").style.width = "250px";\
}\
\
function closeNav() {\
  document.getElementById("mySidebar").style.width = "0";\
  document.getElementById("main").style.marginLeft= "0";\
}\
\
function openAccountNav() {\
  document.getElementById("accountSidebar").style.width = "250px";\
}\
\
function closeAccountNav() {\
  document.getElementById("accountSidebar").style.width = "0";\
}\
</script>\
');