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

<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);
});
});
});
});