Javascript 如果父菜单有子菜单,则单击两次以转到链接,如果没有子菜单,则单击一次以链接

Javascript 如果父菜单有子菜单,则单击两次以转到链接,如果没有子菜单,则单击一次以链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个具有幻灯片功能的移动菜单 默认情况下,仅显示父页面。如果家长有孩子,那么当用户单击它时,我希望向下滑动子菜单,如果他们再次单击,则我希望它链接到家长页面,如果家长页面没有孩子,则我希望它直接链接到家长页面 这是我得到的代码,但我知道里面有一两个bug。希望有人能帮忙:) 我不知道你的HTML是什么样子,所以要为你编写准确的代码有点困难。但也许你可以检查一下子菜单是否可见?如果子菜单可见,则转到父页面,否则可以使子菜单可见。 $(文档).ready(函数(){ $(“#subnav”).p

我有一个具有幻灯片功能的移动菜单

默认情况下,仅显示父页面。如果家长有孩子,那么当用户单击它时,我希望向下滑动子菜单,如果他们再次单击,则我希望它链接到家长页面,如果家长页面没有孩子,则我希望它直接链接到家长页面

这是我得到的代码,但我知道里面有一两个bug。希望有人能帮忙:)


我不知道你的HTML是什么样子,所以要为你编写准确的代码有点困难。但也许你可以检查一下子菜单是否可见?如果子菜单可见,则转到父页面,否则可以使子菜单可见。

$(文档).ready(函数(){
$(“#subnav”).parent(“li”).addClass(“hassub”);
$(“#subnav”)。父项(“li”)。追加(“”);
$(“.hassub”)。单击(函数(){
$(“#subnav”).toggle();
$(“.overlay”).toggle();
});
});
ul{
列表样式:无;
宽度:150px;
}
李{
填充物:5px10px;
高度:15px;
背景:#中交;;
保证金:1px0;
}
李哈苏{
高度:自动;
位置:相对位置;
背景:#bbbbbb;
}
a{
颜色:黑色;
文字装饰:无;
}
#导航{
}
#亚纳夫{
显示:无;
}
.覆盖{
高度:25px;
内容:“;
宽度:100%;
背景:rgba(255,0,0,3);
位置:绝对位置;
左:0;
排名:0;
z指数:1;
}

if($(".mob-navigation > ul > li > a").next(".sub-menu").length) {
  $(this).one("click", true);
} else {
  $(this).one("click", true);
}