Question

我在二十五岁儿童主题上运行Wordpress。我在鼠标悬停时找到了切换菜单的脚本。我真的很喜欢这个功能。但我想添加以下选项：当用户在parent1的子页面上时，我希望菜单在此点打开，因为默认情况下是二十五分。你可以在这里看到它： http://johannabaschke.de/impressum/

我现在也希望使用我找到的脚本：

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

它切换了mousover上的菜单，但是当点击子页面时，菜单没有打开，就像这里：

http://johannabaschke.de/transeuropa-2015/

我不擅长编码，这就是为什么我只修改我擅长的CSS的WP主题，但Javascript不是我的赌注练习。也许有人有一个简单的想法来解决这个问题？

非常高兴和你的帮助！

54v4nn4h

Answer 1

请尝试这样：

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

Answer 2

您可以尝试以下代码：

<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>

jQuery菜单应该保持开放状态

2 个答案: