Ciao,
sto utilizzando un accordion menu fatto in questo modo

codice:

<ul class="nav">[*]Item 1
  [*]Item 2
  [*]Item 3
    <ul>[*]Sub-Item 3 a[*]Sub-Item 3 b[*]Sub-Item 3 c[*]Sub-Item 3 d[/list]
  [*]Item 4
    <ul>[*]Sub-Item 4 a[*]Sub-Item 4 b[*]Sub-Item 4 c[/list]
  [/list]
codice:
ul.nav {
	float: left; 
	width: 280px;
	background: #fff;  
	list-style: none;
	text-align: right;
	font-family: Arial, Verdana;
	font-size: 45px;
	text-transform:uppercase;
}

ul.nav li a {
	display: block; 
	padding: 5px 5px; 
	text-decoration: none; 
	color: #000;
}

ul.nav li ul {
	list-style: none;
	font-family: Arial, Verdana;
	font-size: 15px;
	display: none;
}

ul.nav li a:hover, ul.nav li a.active {
	background: #ff9933; 
	color: #fff;
}

ul.nav li ul li a:hover, ul.nav li ul li a.active {
	background: none; 
	color: #ff9933;
}
codice:

$(document).ready(function () {
  $('.nav > li > a').click(function(){
    if ($(this).attr('class') != 'active'){
      $('.nav li ul').slideUp();
      $(this).next().slideToggle();
      $('.nav li a').removeClass('active');
      $(this).addClass('active');
    }
  });
});
Il menu viene incluso in ogni pagina del mio sito che scorro attraverso la classe page1, page2, ecc..
Vorrei mantenere lo stato del menu quando cambio pagina, ho provato a fare qualche modifica ma non ci sono riuscito, qualcuno mi da qualche suggerimento su come farlo?

Grazie 1000!