Keeping Menu Expansion Persistent?

Keeping Menu Expansion Persistent?

I am relatively new to jQuery and web development.

I am working with a navigation bar with a submenu that toggles between hidden and shown via a click event (see code below).

Is there a simple solution (i.e., doesn't require server-side scripting) to keeping the menu expanded when the user navigates away to another page on the site or reloads (all the other pages have the same basic structure/layout)? 


  1. $(document).ready(function() {
      $('#navigation > li > ul')
          .hide()
          .click(function(event) {
            event.stopPropagation();
        });
       
        $('#expand').click(function(event){
            event.preventDefault();
            $('#active').slideToggle();
        });
    });