Боковое меню на js

[steepfellow]

Добрый вечер, подскажите как сделать так чтобы можно была кликнув по ссылке открывалось боковое меню (слева), при клике по той же ссылке, оно закрывалось, и при переходе по страницам меню не закрывалась ??помогите пожалуйста..

[Faab]

А у вас уже есть HTML заготовка для меню?

[steepfellow]

есть с html проблем нет этот язык я достаточно знаю, вот js код тока нужен

[Faab]

ну покажите тогда ваше меню (просто html, без JS)

[steepfellow]

вот, а при чем тут мое меню мне же нужен js код







<div id="left_block">


<div id="box" style="display: none">




<ul class="link_block">


<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>

<li><a class="link" href="/#">Главная</a></li>


</ul>


</div>

</div>

[steepfellow]

в диве <div id="box" style="display: none">

display: none

потому что у меня есть код js который мне нужен только когда при переходах на другие страницы этот блок меню закрывается
вот код

<script type="text/javascript">

function openbox(id){
    display = document.getElementById(id).style.display;
    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}

</script>

[Faab]

Попробуйте так:

function openbox(id){
display = document.getElementById(id).style.display;
  if(display=='none'){
    document.getElementById(id).style.display='block';
    localStorage["menuLeft"] = "block";
  }else{
    document.getElementById(id).style.display='none';
    localStorage["menuLeft"] = "none";
  }
}

window.onload = function(){
  if(localStorage["displayMenuLeft"] != "undefined"){
    document.getElementById(id).style.display = localStorage["menuLeft"];
  }else{
    localStorage["displayMenuLeft"] = "block";
  }  
}

[steepfellow]

а ссылка правильная ? <a href="#" onclick="openbox('box'); return false"></a>

[steepfellow]

твой код не помог все так же и осталось

[Faab]

<script>
window.onload = function(){
  if(localStorage["displayMenuLeft"] != "undefined"){
    document.getElementById('box').style.display = localStorage["menuLeft"];
  }else{
    localStorage["displayMenuLeft"] = "block";
  };
  eLinkDriver = document.getElementById('linkDriver');
  eLinkDriver.onclick = function(){
    display = document.getElementById('box').style.display;
    if(display=='none'){
      document.getElementById('box').style.display='block';
      localStorage["menuLeft"] = "block";
    }else{
      document.getElementById('box').style.display='none';
      localStorage["menuLeft"] = "none";
    }
  };  
}
</script>
<div id="left_block">
  <span id="linkDriver" style="cursor: pointer;">Show/Display</span>
  <div id="box" style="display: none">
    <ul class="link_block">
      <li><a class="link" href="/#">Главная</a></li>  
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li>  
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li> 
      <li><a class="link" href="/#">Главная</a></li>
      <li><a class="link" href="/#">Главная</a></li>
    </ul>
  </div>
</div>