zapisywanie stanu accordion menu

0

Witajcie,
Chciałbym aby po przejściu do podstrony (wybranej z menu) automatycznie rozwineło mi menu w którym strona się znajduje i dodatkowo zaznaczyło stronę którą wybrałem, nie wiem jak się za to zabrać ani od czego zacząć ;/

Kod menu:

                <ul class="accordion">
                    <li id="one" class="home">
                        <a href="#one">Strona główna</a>
                        <ul class="sub-menu">
                            <li><a href="#">Informacje podstawowe</a></li>
                            <li><a href="#">Statystyki</a></li>
                            <li><a href="#">Inne</a></li>
                        </ul>
                    </li>
                    <li id="two" class="settings">
                        <a href="#two">Ustawienia</a>
                        <ul class="sub-menu">
                            <li><a href="#">Język</a></li>  
                            <li><a href="#">Start</a></li>  
                        </ul>
                    </li>
                    <li id="tree" class="news">
                        <a href="#tree">Wiadomości</a>
                        <ul class="sub-menu">
                            <li><a href="#">Dodaj</a></li>
                            <li><a href="#">Edytuj</a></li> 
                        </ul>
                    </li>
                </ul>	

'Aktywator':

var accordion_head = $('.accordion > li > a'),
                    accordion_body = $('.accordion li > .sub-menu');
		accordion_head.on('click', function(event) {
                    event.preventDefault();
                        if ($(this).attr('class') != 'active'){
                            accordion_body.slideUp('normal');
                            $(this).next().stop(true,true).slideToggle('normal');
                            accordion_head.removeClass('active');
                            $(this).addClass('active');
			}
		});

W jaki sposób zapisać aktualnie wybraną pozycję? domyślam się że można to zrobić w ciastkach i potem poprzez js to odczytać i nadać odpowiednią klasę do wybranego elementu tylko jak to zrobić?

0

A strona jest statyczna? Bo zwykłe dopisanie klasy "active" po stronie serwera dużo by uprościło.

0

nie, strona jest dynamiczna, nad dopisywaniem po stronie serwera się zastanawiałem ale w jaki sposób zrobić to tak aby działało zakładając że menu też jest generowane dynamicznie i to co jest w jednej zakladce następnym razem może być w drugiej w zależności od ustawień?

0

Cookies, localStorage?

0

Jak najbardziej, właśnie o ciastkach myślałem ale tak jak pisałem jestem cienki z js i nie wiem jak się za to zabrać...
Gdyby robić to po stronie serwera powstaje problem z accordion bo ustawiając klase dla rozwiniętej zakładki w momencie gdy rozwijam/zwijam inne ta dla której klase wpisałem po stronie serwera jest cały czas w stanie aktywności co się mija moim zdaniem z celem bo niby się zwija submenu ale ona główny element jest podświetlony;/

0

Ma ktoś jakieś pomysły/podpowiedzi co z tym i jak zrobić żeby było dobrze?

1 użytkowników online, w tym zalogowanych: 0, gości: 1