I have created a menu which uses jQuery slideDown/slideUp to show/hide menu items. Jquery code looks like

1. $(".menu-reveal a").click(function() { 

2. if ($(".menu").is(":visible")) { 
   

3. $(".menu").slideUp(300); 
   

4. $(".menu-reveal").removeClass("revealed"); 

5. } 
   

6. else { 
   

7. $(".menu").slideDown(300); 
   

8. $(".menu-reveal").addClass("revealed"); } 
   

9. });

Site is loading by default with "hidden" menu items, then visitor needs to click it to see menu items.

My question is how I can "keep" menu statement if was expanded or not on page change? For an example I want to have it shown on next page when it was expanded on a previous page.

Any clue?

Thanks