Как сделать сохранение позиции меню?

Question

[elephent]

Как можно реализовать сохранение позиции меню.
Т.е. я выбираю меню, открывается подменю, там выбрал нужный мне раздел. Как только я перехожу по данному разделу то у меня меню закрывается. Как сделать так чтобы он сохранял позицию

Меню вот

<ul>
						<li>
							<button id="cat_but_4" onclick="$('#cat_4').toggle(0,$('#cat_but_4').toggleClass('opened'))"></button>
							<a href="/services/category/4">Студия волос</a>
							<ul id="cat_4">
								<li><span class="outed">•</span> <a href="/services/5">Мастерская точной стрижки Fudge, Гаруса и Лондонской Академии Vidal Sassoon</a></li>
								<li><span class="outed">•</span> <a href="/services/6">Лечебные стрижки</a></li>
								<li><span class="outed">•</span> <a href="/services/7">Колористика класса люкс: все виды окрашивания, мелирования, тонирования от Fudge</a></li>
								<li><span class="outed">•</span> <a href="/services/29">Аппаратные нанотехнологии</a></li>
								<li><span class="outed">•</span> <a href="/services/157">Brazilian Blowout — аминокислотное выпрямление и уход за волосами</a></li>
								<li><span class="outed">•</span> <a href="/services/12">Имидж-студия</a></li>
								<li><span class="outed">•</span> <a href="/services/191">Химическая завивка</a></li>
								<li><span class="outed">•</span> <a href="/services/161">Наши клиенты о Fudge</a></li>
								<li><span class="outed">•</span> <a href="/services/13">Вечерние прически</a></li>
								<li><span class="outed">•</span> <a href="/services/192">Долговременная укладка волос — карвинг</a></li>
								<li><span class="outed">•</span> <a href="/services/193">Биозавивка волос</a></li>
								<li><span class="outed">•</span> <a href="/services/221">BOOST UP</a></li>
								<li><span class="outed">•</span> <a href="/services/220">Безсульфатные шампуни</a></li>
							</ul>
						</li>
						<li>
							<button id="cat_but_16" onclick="$('#cat_16').toggle(0,$('#cat_but_16').toggleClass('opened'))"></button>
							<a href="/services/category/16">Волновая методика лечения волос и кожи головы</a>
							<ul id="cat_16">
								<li><span class="outed">•</span> <a href="/services/125">Fudge Head SPA — австралийская технология в лечении волос</a></li>
								<li><span class="outed">•</span> <a href="/services/177">Head SPA SUI — японская технология в лечении волос</a></li>
								<li><span class="outed">•</span> <a href="/services/200"> Новая эра в уходе за инсточенными и редеющими волосами - NIOXIN</a></li>
							</ul>
						</li>
</ul>

Answer 1

[elephent]

Мне нужно было это прописать как:

<script type="text/javascript">   
$(function () {
  $("#cat_4 a, #cat_16 a").filter("[href='" + location.href + "']").addClass("opened");
});
    </script>