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