Javascript jQuery菜单应该保持opem状态

我正在运行一个关于215儿童主题的Wordpress。我找到了一个在鼠标上方切换菜单的脚本。我真的很喜欢这个功能。 但我想添加以下选项： 当用户在parent1的childpage上时，我希望在这一点上打开菜单，因为默认情况下是在Twenty15。你可以在这里看到：

现在，我希望我找到的脚本也能做到这一点：

<script>
  var $ =jQuery.noConflict();
   $(document).ready(function () {
   $('.sub-menu').hide();
   $('.menu-item-has-children').hover(function() {
   $(this).children('.sub-menu').stop().slideToggle(200);
     });
   });
</script>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'.sub-menu'）.hide（）；
$（'.菜单项有子项'）。悬停（函数（）{
$（此）.children（'.sub-menu'）.stop（）.slideToggle（200）；
});
});

它在鼠标悬停时切换菜单，但单击子页面时，菜单不会打开，如下所示：

我不擅长编码，这就是为什么我只使用我擅长的CSS修改WP主题，但Javascript不是我的最佳实践。也许有人有一个简单的想法来解决这个问题

非常高兴和感谢您的帮助

54v4nn4h

请像这样尝试：

<script>
  var $ =jQuery.noConflict();
   $(document).ready(function () {
   $('.sub-menu').hide();
   $('.menu-item-has-children').click(function() {
   $(this).children('.sub-menu').stop().slideToggle(200);
     });
   });
</script>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'.sub-menu'）.hide（）；
$（“.菜单项有子项”）。单击（函数（）{
$（此）.children（'.sub-menu'）.stop（）.slideToggle（200）；
});
});

请像这样尝试：

<script>
  var $ =jQuery.noConflict();
   $(document).ready(function () {
   $('.sub-menu').hide();
   $('.menu-item-has-children').click(function() {
   $(this).children('.sub-menu').stop().slideToggle(200);
     });
   });
</script>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'.sub-menu'）.hide（）；
$（“.菜单项有子项”）。单击（函数（）{
$（此）.children（'.sub-menu'）.stop（）.slideToggle（200）；
});
});

请尝试以下代码：

<script>
    var $ =jQuery.noConflict();
    $(document).ready(function () {
        $('.sub-menu').hide();
        $('.menu-item-has-children').hover(function() {
            $(this).children('.sub-menu').stop().slideToggle(200);
        });

        //code to keep open respective menu open on page load
        $("a[href='"+window.location.href+"']").closest('.sub-menu').stop().slideToggle(200);
   });
</script>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'.sub-menu'）.hide（）；
$（'.菜单项有子项'）。悬停（函数（）{
$（此）.children（'.sub-menu'）.stop（）.slideToggle（200）；
});
//在页面加载时保持打开相应菜单的代码
$（“a[href=”“+window.location.href+”））。最近（“.sub-menu”）。停止（）。滑动切换（200）；
});

请尝试以下代码：

<script>
    var $ =jQuery.noConflict();
    $(document).ready(function () {
        $('.sub-menu').hide();
        $('.menu-item-has-children').hover(function() {
            $(this).children('.sub-menu').stop().slideToggle(200);
        });

        //code to keep open respective menu open on page load
        $("a[href='"+window.location.href+"']").closest('.sub-menu').stop().slideToggle(200);
   });
</script>

var$=jQuery.noConflict（）；
$（文档）.ready（函数（）{
$（'.sub-menu'）.hide（）；
$（'.菜单项有子项'）。悬停（函数（）{
$（此）.children（'.sub-menu'）.stop（）.slideToggle（200）；
});
//在页面加载时保持打开相应菜单的代码
$（“a[href=”“+window.location.href+”））。最近（“.sub-menu”）。停止（）。滑动切换（200）；
});

谢谢，它现在正在做我想做的事情。但是仍然有一个问题，你可以从侧面看到。现在，当尝试选择打开的父页面的子页面时，菜单关闭。因此，您无法选择姊妹页。对不起，希望我写的东西可以理解。谢谢，它现在正在做我想做的事情。但是仍然有一个问题，你可以从侧面看到。现在，当尝试选择打开的父页面的子页面时，菜单关闭。因此，您无法选择姊妹页。对不起，希望我写的可以理解。