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

Question

我在 Wordpress 页面上做了一个手风琴菜单。子菜单的父项有 class "dropdown".

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

子菜单包含

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

Answer 1

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

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

更改此设置后，您可以在生成菜单的 php 文件中添加此 "active" class。

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

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

jsFiddle

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

Make menu keep its css attribute after redirection to other page

css

wordpress

jquery

hyperlink