Javascript 响应wordpress上带有aria控件的子菜单单击后不关闭

我一直在尝试制作我的第二个wordpress网站，我仍处于测试阶段，因为我通过在线课程制作了这个网站，但我进一步推动了它，并在其中添加了我自己的特定元素。我一直在通过mamp使用localhost进行测试，因为我没有自己的服务器提供链接。在过去的几周里，我在网上浏览了几个关于使用aria控件的论坛，并尝试了各种方法，但我还没有找到解决问题的方法

该网站适用于手机/平板电脑，但在桌面版上测试时出现问题。选择菜单项时，我无法关闭子菜单。单击另一个菜单标题可以正常工作。如果有人能提供任何帮助，我将非常感谢，因为我仍然是一个初学者

提前感谢您提供的任何帮助

（函数（$）{
变量容器、按钮、菜单、链接、子菜单；
container=document.getElementById（‘站点导航’）；
如果（！容器）{
返回；
}
button=container.getElementsByTagName（'button'）[0]；
如果（'undefined'==按钮类型）{
返回；
}
menu=container.getElementsByTagName（'ul'）[0]；
//如果菜单为空并提前返回，则隐藏菜单切换按钮。
if（'undefined'==菜单类型）{
button.style.display='none'；
返回；
}
setAttribute（'aria expanded'，'false'）；
if（-1==menu.className.indexOf（'nav menu'））{
menu.className+=“导航菜单”；
}
button.onclick=函数（）{
if（-1！==container.className.indexOf（'toggled'））{
container.className=container.className.replace（'toggled'，''）；
setAttribute（'aria expanded'，'false'）；
setAttribute（'aria expanded'，'false'）；
}否则{
container.className+='toggled'；
setAttribute（'aria expanded'，'true'）；
setAttribute（'aria expanded'，'true'）；
}
};
//获取菜单中的所有链接元素。
links=menu.getElementsByTagName（'a'）；
子菜单=menu.getElementsByTagName（'ul'）；
//将带有子菜单的菜单项设置为aria haspoop=“true”。
对于（变量i=0，len=subMenus.length；ia，.页面的子项>a'）。在（''+screenReaderText.expand+''）之后；
//使用活动的子菜单项切换按钮和子菜单项。
container.find（'.current menu>button'）.addClass（'toggle on'）；
container.find（'.current menu>.sub menu'）.addClass（'toggled on'）；
container.find（'.dropdown toggle'）。单击（函数（e）{
var_this=$（this）；
e、 预防默认值（）；
_this.toggleClass（'toggleon'）；
_this.next（'.children，.sub-menu'）.toggleClass（'toggled on'）；
_this.attr（'aria expanded'，_this.attr（'aria expanded'）=='false'？'true'：'false'）；
_this.html（_this.html（）==screenReaderText.expand？screenReaderText.collapse:screenReaderText.expand）；
} );
}
initMainNavigation（$（'.mainNavigation'））；
//更新主导航时重新初始化主导航，保留所有现有子菜单展开状态。
$（文档）.on（'自定义预览菜单刷新'，函数（e，参数）{
if（'primary'==params.wpNavMenuArgs.theme_位置）{
initMainNavigation（params.newContainer）；
//从oldContainer重新同步扩展状态。
params.oldContainer.find（'.dropdown toggle.toggle on'）。每个（函数（）{
var containerId=$（this.parent（）.prop（'id'）；
$（params.newContainer）.find（'#'+containerId+'>.dropdown toggle'）.triggerHandler（'click'）；
});
}
});
//滚动上的隐藏/显示切换按钮
var位置、方向、先前；
$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）>=位置）{
方向=‘向下’；
如果（方向！==上一个）{
$（'.menu toggle'）.addClass（'hide'）；
上一个=方向；
}
}否则{
方向=‘向上’；
如果（方向！==上一个）{
$（'.menu toggle'）.removeClass（'hide'）；
上一个=方向；
}
}
position=$（this.scrollTop（）；
});
//在新的地物元素中包裹居中的图像
$（“img.aligncenter”）.wrap（“”）；
}）（jQuery）
。主导航{
明确：两者皆有；
显示：块；
宽度：100%；
字体系列：“开放式Sans”，无衬线；
字体大小：400；
字号：1em；
}
.主导航{
显示：无；
列表样式：无；
左侧边缘：6em；
边缘底部：3em；
}
.主导航李{
位置：相对位置；
}
.主导航{
显示：无；
左边距：0.8em；
}
.主导航a{
/*z指数：300*/
位置：相对位置；
显示：块；
填充：0.8em 1em；
字体大小：400；
文字装饰：无；
线高：1.6em；
颜色：白色；
} 
.主导航a：悬停，
.主导航a：焦点{
背景：#fff；
颜色：#000*/
背景色：透明；
边框底部：无；
}
.主导航a，
.主导航ul li：最后一个孩子a{
边框底部：
// Toggle buttons and submenu items with active children menu items.
container.find( '.current-menu-ancestor > button' ).addClass( 'toggle-on' );
container.find( '.current-menu-ancestor > .sub-menu' ).addClass( 'toggled-on' );