jquery - jQuery アコーディオン、ヘッダー リンク、および保存された状態

Question

私はjquery uiアコーディオンを使用しており、ヘッダーにリンクを設定したいので、ヘッダーリンクがクリックされるとメニューの状態を保存します。現時点では、もう一方なしで動作させることができます。（リンクと保存された状態、またはリンクと保存された状態はありません）私はjqueryの初心者なので、どんな助けも大歓迎です。

ナビ設定:

<nav class="main-nav">
    <ul id="menu-main">
        <li><a href="http://home/">Home</a></li>
        <li>
            <a class="accord" href="http://link1/">Header with link</a>
            <ul class="sub-menu">
                <li><a href="http://link2/">Link2</a></li>
                <li><a href="http://link3/">Link3</a></li>
            </ul>
        </li>
    </ul> 
</nav>

アコーディオンのセットアップ:

$(".main-nav > ul" ).accordion({
    active: false,
    heightStyle: "content",
    header: "> li > a.accord",
    clearStyle: true,
    collapsible: true,
    navigation: true       
});

$(".main-nav > ul > li > a").click(function() {
    window.location = $(this).attr('href');
    return false;
});