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

вопрос

День добрый. Есть меню. Необходимо чтобы раскрывающийся список оставался открытым при переходе на соответствующую страницу. Т.е. есть меню "гражданское право", при переходе на любой пункт этого меню, оно должно оставаться открытым.

Код:

Показать / Скрыть текст

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

Ответа пока нет

<script> document.addEventListener('DOMContentLoaded', function() { const links = document.querySelectorAll('a#xfield_value'); links.forEach(link => { let href = link.getAttribute('href'); if (href) { href = href.replace(/ /g, '+'); link.setAttribute('href', href); } }); }); </script>