本地存储和jquery切换

Question

我无法使用jquery cookie来处理多个div。

我需要的是当用户点击链接然后返回索引页面时，我需要他们正在查看的菜单链接显示。现在，当它们返回索引页面时会折叠。

我现在在我的示例中使用本地存储。以下是我所拥有但不起作用。

    <script src="js/jquery.cookie.js"></script>


     <script type="text/javascript">
      function toggleDiv(divId) {
         $("#"+divId).toggle();
         }
       </script>

       <script>
       $('"#"+divId').on('click',function(){
           $(this).children().slideToggle().promise().done(function() {
             var vis = $(this).is(':visible') ? 'visible' : 'hidden';
              localStorage.setItem('"#"+divId', vis);
              });
                 });
            </script>

html的部分

       <div class="box2right"><a href="javascript:toggleDiv('myContent2');">HOW TO USE THE SYSTEM</a>
         <div id="myContent2" class="hidden">

         <a href="html/systemuse_startofdayprocedures.html">Start of Day Procedures</a> 
        <p> <a href="html/systemuse_keyboard.html">Understanding the Keyboard</a> </p> 
             </div>


           <div class="box3right"><a href="javascript:toggleDiv('myContent3');">CIVIL INFORMATION FILE</a>
              <div id="myContent3" class="hidden">
              <a href="html/civil_screen1.html">Screen 1</a> - Screen that contains case information. 
             <p><a href="html/civil_supremecourt.html">Supreme Court</a>  </p>
              </div>



          <div class="box4right"><a href="javascript:toggleDiv('myContent');">CRIMINAL INFORMATION FILE</a>
            <div id="myContent" class="hidden">
            <a href="html/criminal_screen1.html">Screen 1</a> - This screen contains the case information.
                  <p>
             </div>

我有额外的div，但我不会包括所有这些。