Wordpress 菜单 - 单击时显示子菜单

Posted 2023-05-09

【中文标题】Wordpress 菜单 - 单击时显示子菜单

【英文标题】：Wordpress Menu - Show Sub-menu on Click

【发布时间】：2018-12-26 11:45:52

【问题描述】：

我想隐藏子菜单并在他们的父母被点击后显示它们。目前我正在使用我在这里找到的 sn-p，不幸的是它在加载时不会隐藏子菜单。所以我基本上是在寻找这个或其他完全相反的解决方案:)

网站：https://webnew.dpg-gruppe.eu

sn-p：

$(document).ready(function () 
$('#navmenu > ul > li:has(ul)').addClass("has-sub");
$('#navmenu > ul > li > a').click(function () 

    var checkElement = $(this).next();

    $('#navmenu li').removeClass('active');
    $(this).closest('li').addClass('active');

    if ((checkElement.is('ul')) && (checkElement.is(':visible'))) 
        $(this).closest('li').removeClass('active');
        checkElement.slideUp('normal');
    

    if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) 
        $('#navmenu ul ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
    

    if (checkElement.is('ul')) 
        return false;
     else 
        return true;
    
 );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

【参考方案1】：

你可以尝试添加这一行

$('#navmenu ul.sub-menu').hide();

$(document).ready(function () 之后