title: keep javascript menu open on new page load
body: <p>I have created a menu that slides in from outside of the page. The problem is that when you click on an item in the menu and load a new page, the new page loads with the menu closed. Is there a way to tell the browser to keep the menu open after a new page load? </p>
  
  <p>this is the code that opens up the menu </p>
  
  <pre><code>&lt;script&gt;    
  $(document).ready(function(){
           $("#closeIcon").hide()
           $(".left").width('0%');
           $(".right").width('100%');
        });
  
      $(document).ready(function(){
        $("#menuIcon").click(function(){
          $(".left").animate({width:'10%'}, "500");
          $(".right").animate({width:'90%'}, "500");
          $("#nav").animate({
                      left: '30%',
                    }, "500" );
          $("#menuIcon").fadeOut(500)
          $("#closeIcon").fadeIn(500)
        });
      });
  
      $(document).ready(function(){
        $("#closeIcon").click(function(){
          $(".left").animate({width:'0%'}, "500");
          $(".right").animate({width:'100%'}, "500");
          $("#nav").animate({
                      left: '0',
                  }, "500" );
          $("#menuIcon").fadeIn(500)
          $("#closeIcon").fadeOut(500)
        });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>this is the html:</p>
  
  <pre><code>&lt;html&gt;
  &lt;div id="menu" &gt;
              &lt;div id="menuIcon"&gt;             
                      &lt;a href="javascript: void(0)"&gt;
                          &lt;img src="images/menuIcon.png"&gt;
                      &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="closeIcon"&gt;
                      &lt;a href="javascript: void(0)"&gt; 
                          &lt;img src="images/closeIcon.png"&gt;
                      &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/html&gt;
  
  
  &lt;div class="left"&gt;
     &lt;div id="nav"&gt;                       
    &lt;div id="accordion"&gt;          
        &lt;/div&gt; &lt;!--ends accordion--&gt;
     &lt;/div&gt;
  &lt;/div&gt;          
  
  &lt;div class="right"&gt;
  &lt;div id="content"&gt; 
  &lt;/div&gt;&lt;!--ends content--&gt;
  &lt;/div&gt;&lt;!--ends right--&gt; 
  </code></pre>