Jquery 如何将悬停更改为单击？

现在它在hover上工作。我需要让它只在点击时工作，这样它才能在移动设备上正常工作

.nav需要进入，但之后我就迷路了。我应该如何更改.nav以匹配我的css（来自wordpress）

我正试着和wordpress合作

var ww=document.body.clientWidth；
$（文档）.ready（函数（）{
$（“.nav li a”）。每个（函数（）{
if（$（this）.next（）.length>0）{
$（此）.addClass（“父级”）；
};
})
$（“.toggleMenu”）。单击（函数（e）{
e、 预防默认值（）；
$（此）.toggleClass（“活动”）；
$（“.nav”）.toggle（）；
});
调整菜单（）；
})
$（窗口）.bind（'resize orientationchange'，function（）{
ww=document.body.clientWidth；
调整菜单（）；
});
var adjustMenu=功能（）{
如果（ww<768）{
$（“.toggleMenu”）.css（“显示”、“内联块”）；
if（！$（“.toggleMenu”）.hasClass（“活动”））{
$（“.nav”）.hide（）；
}否则{
$（“.nav”）.show（）；
}
$（“.nav li”）.unbind（'mouseenter mouseleave'）；
$（“.nav li a.parent”）.unbind（'click'）.bind（'click'，函数（e）{
//必须连接到锚定元件，以防止起泡
e、 预防默认值（）；
$（this.parent（“li”）.toggleClass（“hover”）；
});
} 
否则如果（ww>=768）{
$（“.toggleMenu”）.css（“显示”、“无”）；
$（“.nav”）.show（）；
$（“.nav li”）.removeClass（“悬停”）；
$（“.nav li a”）.unbind（'click'）；
$（“.nav li”）.unbind（'mouseenter mouseleave'）.bind（'mouseenter mouseleave'，function（）{
//必须连接到li，以便鼠标悬停在子菜单上时不会触发mouseleave
$（this.toggleClass（'hover'）；
});
}
}

一个简单的解决方法类似于删除

 #access ul li:hover > ul {
    display: block;
}

来自css和

添加这个jQuery代码

$('#menu-navigation li').click(function(){
       $(this).find('.sub-menu').show();
        $(this).siblings().find('.sub-menu').hide();
});

---

你必须修改代码才能得到你想要的东西。

我试过了，但它没有用。这正好显示了我想要的，但是我需要更改.nav以#访问某些内容。您只想在单击主菜单时显示子菜单？正确，它与webdesigntuts显示的3个级别类似。我用的是他们的密码。我认为将.nav更改为#access ul或类似的功能会很简单。如果您希望在给定的链接中使用相同的功能，则只需更改css即可。

$('#menu-navigation li').click(function(){
       $(this).find('.sub-menu').show();
        $(this).siblings().find('.sub-menu').hide();
});