Html 移动it中的Jquery下拉列表&x27；它不工作了

在我的网站上，我有下拉式导航，它在桌面视图中运行良好。但在iPad和手机上，它有一些问题。在桌面视图中，鼠标悬停显示下拉列表

但在iPad和mobile onclick时代，下拉列表将可见。每个链接都有一个下拉列表。但这里的问题是onclick事件发生时，应该出现链接相关的下拉列表，而不是另一个链接下拉列表。同时，如果其中一个下拉列表已经可见，并且如果单击另一个下拉列表，则上一个下拉列表应该隐藏。喜欢他的，我想要

我试过了，但点击事件后，另一个下拉列表没有隐藏。请帮我把这个修好

这是我的密码：

$（文档）.ready（函数（）{
$（“.nav_链接：非（：唯一子项）”。单击（函数（）{
$（“.dropdown_menu”）.hide（）；
if（！$（“.nav\u link:not（：only child）”）.hasClass（“移动导航”））{
警报（“新增类别”）；
//$（此）.addClass（“移动导航”）；
}
if（$（this）.hasClass（“移动导航”））{
$（this.children（“.up\u arrow”）.addClass（“arrow\u down”）；
$（this）.sides（“.dropdown\u menu”）.show（），$（this）.removeClass（“arrow\u change”）；
$（此）.removeClass（“移动导航”）；
}否则{
$（this）.sides（“.dropdown\u menu”）.hide（），$（this）.toggleClass（“arrow\u change”）；
$（this.children（“.up\u arrow”）.removeClass（“arrow\u down”）；
$（此）.addClass（“移动导航”）；
}
});
})

在代码片段中更新并添加了jquery引用。请检查您的代码是否与您的代码相同。