На моем веб-сайте WordPress у меня есть выпадающее меню, которое появляется, когда вы нажимаете на пункт меню, «ESPACE PUBLI C», оно включает в себя 2 подменю («TOUS LES PROJETS» и «CORNIL»). Когда я нажимаю на одно подменю, меня перенаправляют на нужную страницу, но мне бы хотелось, чтобы раскрывающийся список все еще был открыт, чтобы узнать, где я нахожусь в моем меню. Но я понятия не имею, как это сделать ...
Это мой код:
<div id="et-top-navigation" data-height="66" data-fixed-height="40">
<nav id="top-menu-nav">
<ul id="top-menu" class="nav">
<li id="menu-item-37" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37"><a href="http://tdso.eu/agence">CONTACT</a></li>
<li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-40">
<a href="#">ESPACE PUBLIC</a>
<ul class="sub-menu">
<li id="menu-item-235" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-235"><a href="http://tdso.eu/espace-public">TOUS LES PROJETS</a></li>
<li id="menu-item-222" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-133 current_page_item menu-item-222"><a href="http://tdso.eu/espace-public/cornil" aria-current="page">CORNIL</a></li>
</ul>
</li>
</ul>
</nav>
</div>
Это мой текущий JScript для выпадающего меню:
<script type="text/javascript">
(function($){
function collapse_vertical_menu_submenus() {
var $menu = $('#top-menu'),
top_level_link = '#top-menu .menu-item-has-children > a';
$menu.find('a').each(function() {
$(this).off('click');
if ( $(this).is(top_level_link) ) {
$(this).attr('href', '#');
}
if ( $(this).siblings('.sub-menu').length ) {
$(this).on('click', function(event) {
event.preventDefault();
$(this).siblings('.sub-menu').slideToggle();
});
}
});
}
$(window).load(function() {
collapse_vertical_menu_submenus();
});
})(jQuery);
</script>
Любая помощь приветствуется! Спасибо