estou usando o jquery acordeão como um menu no asp.net Masterpag

Isto é jquery

$(document).ready(function() {
    $(".header").click(function() {
        $(this).toggleClass("display");
        $(this).next("div .menu_body").slideToggle(500);
    });
});

Isto é html.

  <div id="MasterPage_Menu" class="menu_list">
  <p class="header">Header-1</p>
    <div class="menu_body">
        <a href="page1.aspx">Link-1</a>
    </div>
  <p class="header">Header-2</p>
    <div class="menu_body">
        <a href="page2.aspx">Link-2</a>
    </div>
  <p class="header">Header-3</p>
    <div class="menu_body">
        <a href="page3.aspx">Link-3</a>
   </div>
  </div>

De acordo com o código acima, ao clicar no cabeçalho, o conteúdo (menu_body) será deslizado para alternar. O menu_body está oculto por padrão; quando o usuário clica no cabeçalho, o menu_body fica visíve

Exemplo do problema: eg: 2 menu_body é visível, quando eu clicar em href = "page1.aspx", a página será navegada para page2.aspx, mas o acordeão retornará ao padrão, pois todo o menu_body está ocult

Como estou usando esse acordeão na página mestra, não consigo armazenar o valor para acompanhar o status do acordeão menu_body no campo oculto quando a página é navegada. O valor no campo oculto será redefinido.

Estou pensando em armazenar isso na sessão, mas na página do cliente, não nos permite armazenar valor na sessã

Alguma solução para isso?