使用jquery的移动导航栏

我正在尝试设计我的第一个网站，我已经建立了我的菜单栏，它有两个级别。一切正常。现在我想让它对手机友好

因此，我想使用jquery使这些级别在单击时打开。我已经设法打开到第一级，但当我点击第二级，我似乎无法打开第三级

代码如下：

jQuery（文档）.ready（函数（）{
jQuery（“菜单触发器”）。单击（函数（）{
jQuery（“ul#nav”）.slideToggle（）；
});
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>500）{
$（'ul#nav'）.removeAttr（'style'）；
}
});
$（'ul#nav li'）。单击（函数（）{
如果（$（window）.width（）查看第三级
子菜单2
的代码是
ul
元素的类，请删除

尝试：

$('ul#nav li ul .submenu').click(function(){
    $(this).find('ul.submenu2').slideToggle();
    });
});

请看这里的小提琴：


jQuery（文档）.ready（函数（）{
jQuery（“菜单触发器”）。单击（函数（）{
jQuery（“ul#nav”）.slideToggle（）；
});
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>500）{
$（'ul#nav'）.removeAttr（'style'）；
}
});
$（'ul#nav li'）。单击（函数（）{
如果（$（window）.width（）查看第三级
子菜单2
的代码是
ul
元素的类，请删除

尝试：

$('ul#nav li ul .submenu').click(function(){
    $(this).find('ul.submenu2').slideToggle();
    });
});

请看这里的小提琴：


jQuery（文档）.ready（函数（）{
jQuery（“菜单触发器”）。单击（函数（）{
jQuery（“ul#nav”）.slideToggle（）；
});
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）>500）{
$（'ul#nav'）.removeAttr（'style'）；
}
});
$（'ul#nav li'）。单击（函数（）{
如果（$（window）.width（），则可以使用：

 $(this).children('.submenu').slideToggle();

这样你就没有级别限制了。每个子级别都有相同的类。子菜单
.children（[selector]）方法允许我们在DOM树中搜索这些元素的子元素
您可以使用：

 $(this).children('.submenu').slideToggle();

这样你就没有级别限制了。每个子级别都有相同的类。子菜单
.children（[selector]）方法允许我们在DOM树中搜索这些元素的子元素
仍然不起作用…第一级打开得很好。但是，当您单击第二级（即单击
）时，菜单关闭，而不是打开“submenu2”…仍然不起作用…第一级打开很好。但是，当您单击第二级（即单击
）时，菜单将关闭，而不是打开“submenu2”。。。