Как сохранить меню открытым при переходе на другую страницу?

Question

Я использую код js для дополнительных опций меню при щелчке, но как я могу сохранить «меню щелчка» постоянно открытым, скажем, после того, как одна из его опций была нажата, чтобы пользователю не пришлось начните снова после перехода на новую страницу.

HTML:

 <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>

И мой JS:

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