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;
});