jquery - 使菜单在重定向到其他页面后保留其 css 属性

Question

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

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 attribe 在所有页面中保持变化？

Answer 1

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

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

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

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

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

jsFiddle