[Роман1479]

Здравствуйте, не знаю как решить проблему, перебрал все, уже и сломал пару раз. У меня на сайте меню сделано аккордеоном, но дали задачу при переходе на новую страницу из этого меню, аккордеон должен раскрываться в нужном месте и показываться на какой странице я нахожусь.
Структура html

<ul>
	<li>
		<span class="menugreen panel-heading">Драйвера</span>
		<div class="panel-collapse" style="display: none;">
			<a href="ссылка">Выбор 1</a>
			<a href="ссылка">Выбор 2</a>
		</div>	
	</li>
	<li>
		<span class="menugreen panel-heading">Мышки</span>
		<div class="panel-collapse" style="display: none;">
			<a href="ссылка">Выбор 1</a>
			<a href="ссылка">Выбор 2</a>
		</div>	
	</li>
</ul>

И код js

$(document).ready(function () {
	$('.panel-heading').click(function () {
		$(this).toggleClass('in').next().slideToggle();
		$('.panel-heading').not(this).removeClass('in').next().slideUp();
        });
});

Само меню работает как надо, буду очень благодарен если кто поможет, плохо шарю в jquery. Если я правильно понимаю, нужно брать текущий url и как-то найти его в аккордеоне и присвоить panel-heading класс in. Сайт на WP