重定向到另一个页面后使菜单保持其css属性

Question

我在 Wordpress 页面上制作了一个手风琴菜单。子菜单的父级具有“下拉菜单”类。

CSS

.dropdown .sub-menu {
    display: none;
}
.dropdown {
     list-style-type: square;
}

JQ

jQuery(document).ready(function(){


     jQuery('#menu-produkty_menu .dropdown a').click(function(e){
          if (jQuery(this).parent().children('.sub-menu:first').is(':visible')) {
               jQuery(this).parent().children('.sub-menu:first').hide();
          } else {
               jQuery(this).parent().children('.sub-menu:first').show();
          };
     });
});

子菜单是并且包含

带有超链接。 它工作正常，但是每当我单击子菜单中的任何超链接时，它都会将我重定向到其他页面，因此它会进入基本状态 => 隐藏所有子菜单。我希望子菜单在重定向后保持打开/关闭。我从未使用过数据库/cookie 等，所以我不知道从哪里开始。如何在所有页面中实现 css 属性不断变化？

Answer 1

我认为通过添加一个类而不是更改 css 属性来做到这一点会更容易 例如

<li class="submenu active">title</li>

更改此设置后，您可以在生成菜单的 php 文件中添加此“活动”类。

您能否提供一些手风琴菜单的 html 代码或更好的页面 url？

更新： 仔细查看后，我发现您不需要编辑任何 php 文件。您唯一需要做的就是为选定的 li 切换 .current-menu-ancestor 类。再次检查小提琴。

jsFiddle