Javascript 导航到其他页面时，如何保持菜单打开？

我正在使用一个js代码来获取点击时的其他菜单选项，但是如何保持“点击菜单”永久打开，比如在点击其中一个选项之后，这样用户就不必在进入新页面后重新开始

HTML:

---

我的解决方案是创建一个新的“ternav”（名为“ternav2”），具有完全相同的css特征，但不在javascript中使用。这将使它保持打开状态，点击后它仍然会受到以前的javascript的影响，尽管我不知道为什么。很好。请提供并接受答案，如果问题重复，请删除。谢谢

 <div class="c3" id="topLeftNav">
                <ul class="secnav" id="secnav">                                 
                    <h6>Generelt</h6> 
                    <li class="current"><a href="#">Ordklasser</a>
                    <ul class="ternav">
                            <li><a href="substantiver.html">Substantiver</a></li>
                            <li><a href="verber.html">Verber</a></li>
                            <li><a href="adjektiver.html">Adjektiver</a></li>
                            <li><a href="numeralier.html">Numeralier</a></li>
                            <li><a href="interjektioner.html">Interjektioner</a></li>
                                    </ul>

 ///ternav/secnav  -- catch inner clicks (ternav) first and preventDefault.
    $('.ternav li a').click(function () {
        window.location = $(this).attr('href');
    });

    //secnav 
    $('li').click(function (event) {
        if ($(this).has('ul').length) {
            event.preventDefault();
            if ($(this).find('ul').css("display") == "none") {
                $(this).find('a').eq(0).addClass('current');
                $(this).find('ul').slideDown();
            }
            else {
                $(this).find('ul').slideUp();
                $(this).find('a').eq(0).removeClass('current');
            }
        }
    });