День добрый. Есть меню. Необходимо чтобы раскрывающийся список оставался открытым при переходе на соответствующую страницу. Т.е. есть меню "гражданское право", при переходе на любой пункт этого меню, оно должно оставаться открытым.
<div class="akkordeon">
<ul class="vmenu">
<li class="home"><a href="#">Юридическая консультация</a></li>
<li class="about-us parent"><a href="#"><span>Гражданское право</span></a>
<ul class="dropdown">
<li><a href="grazhdanskoe-pravo.html"><span>Гражданское право</span></a></li>
<li><a href="#"><span>Гражданское право</span></a></li>
<li><a href="#"><span>Гражданское право</span></a></li>
</ul>
</li>
<li class="gallery parent"><a href="#"><span>Уголовное право</span></a>
<ul class="dropdown">
<li><a href="#"><span>Уголовное право</span></a></li>
<li><a href="#"><span>Уголовное право</span></a></li>
<li><a href="#"><span>Уголовное право</span></a></li>
</ul>
<li class="gallery parent"><a href="#"><span>Семейное право</span></a>
<ul class="dropdown">
<li><a href="#"><span>Семейное</span></a></li>
<li><a href="#"><span>Семейное</span></a></li>
<li><a href="#"><span>Семейное</span></a></li>
</ul>
</li>
<li class="portfolio"><a href="#">Автоюрист</a></li>
<li class="contact"><a href="#">Услуги юридическим лицам</a></li>
</ul>
</div>
$(document).ready(function(jQuery){
//Отключаем родительские ссылки в выпадающих пунктах
$("li:has(ul.dropdown)").addClass("dropdownLi")
$("li.dropdownLi > a").click(function(eventObject){return false})
$(function() {
$("a").bind('click',function() {
var _this = $(this);
// Раскрываем текущую ссылку
_this.toggleClass('selected', 5);
_this.next().toggleClass('dropdown', 500);
// Проходим по другим ссылкам и выключаем активное состояние
$("a").not(_this).each(function() {
$(this).next().addClass('dropdown', 500);
$(this).removeClass('selected', 5);
});
});
});
});