Ciagle aktywne zakładki

Question

Stworzyłem sobie takie zakładki:

                $(function (){
                    $(".accountmenu ul > li > a").click(function (ev){
                        ev.preventDefault();
                        $(".accountmenu ul > li > a").removeClass('active');
                        $(this).addClass('active');
                        var $zakladka = $($(this).attr('href'));
                        $("div.tab").hide();
                        $zakladka.show();
                    });
                    $(".accountmenu ul > li > a").first().click();
                });

<div class="accountmenu">
                <ul>
                    <li><a href="#tab1">Profil</a></li>
                    <li><a href="#tab2">Znajomi</a></li>
                    <li><a href="#tab3">Zmień dane</a></li>
                    <li><a href="#tab4">Usuń konto</a></li>
                </ul>
                <div style="clear:both;"></div>
</div>
                <div class="tab" id="tab1">
                      Profil
                </div>
                <div class="tab" id="tab2">
                      Znajomi
                </div>
                <div class="tab" id="tab3">
                      Zmień dane
                </div>
                <div class="tab" id="tab4">
                      Usuń konto
                </div>
            

Chciałbym aby po odświeżeniu strony kliknięta zakładka była ciągle aktywna. W moim przypadku kod przekierowuje do pierwszej istniejącej.Jak to zrobić?

Comments

Chcesz, aby JS "zapamiętał" jakieś dane po odświeżeniu się strony? Zapoznaj się z localStorage oraz sessionStorage