Jquery第三级扩展

菜单单击时的第三级菜单不起作用。这是工作表。 单击“第三级”后，它不会在单击时展开

我还想只扩展当前菜单项，因为它现在工作正常。 只需要扩展第三级

$（'.菜单项有子项'）。子项（'a'）。打开（'click'，函数（e）{
e、 预防默认值（）；
if（$（this）.next（'ul'）。是（':visible'））{
$（this）.removeClass（'sub-active'）.next（'ul'）.slideUp（250）；
}否则{
$（'.菜单项的子项>a'）。removeClass（'sub-active'）。next（'ul'）。slideUp（250）；
$（this）.addClass（'sub-active'）.next（'ul'）.slideToggle（250）；
}
});
.wa导航a中的幻灯片{
显示：块；
填充：5px0；
文字装饰：无；
颜色：#393939；
字号：600；
}
.wa滑入导航ul子菜单li a{
颜色：#6969；
字体大小：400；
}
.wa导航中的幻灯片。菜单项-has-children>a：之后{
内容：“\f067”；
字体系列：“FontAwesome”；
字体大小：.6em；
位置：绝对位置；
右：2px；
最高：30%；
}
.wa导航中的幻灯片。菜单项-has-children>a。子活动：之后{
内容：“\f068”；
字体系列：“FontAwesome”；
字体大小：.6em；
位置：绝对位置；
右：2px；
}
.wa滑入导航ul子菜单{
显示：无；
保证金：0；
填充：0；
位置：相对位置；
}
.wa滑入导航ul子菜单li{
左侧填充：15px；
}
.wa幻灯片在导航li.selected>ul.sub菜单中{
显示：块；
}
.wa滑入导航李i{
右侧填充：5px；
}
.wa在导航>李>a中滑动{
文本转换：大写；
位置：相对位置；
}
导航>li>ul子菜单>li>a中的.wa幻灯片{
填充：2px 0 2px；
字体大小：15px；
}




















因为在else语句中编写了所有（.menu项有子项a），但只需要这个子项

试试这个希望，这就是你需要的


$（'.菜单项有子项a'）。单击（函数（e）{
e、 预防默认值（）；
if（$（this）.hasClass（“子活动”））{
$（this）.removeClass（'sub-active'）.next（'ul'）.slideUp（250）；
}否则{
$（this）.removeClass（'sub-active'）.next（'ul'）.slideUp（250）；
$（this）.addClass（'sub-active'）.next（'ul'）.slideToggle（250）；
}
});
.wa导航a中的幻灯片{
显示：块；
填充：5px0；
文字装饰：无；
颜色：#393939；
字号：600；
}
.wa滑入导航ul子菜单li a{
颜色：#6969；
字体大小：400；
}
.wa导航中的幻灯片。菜单项-has-children>a：之后{
内容：“\f067”；
字体系列：“FontAwesome”；
字体大小：.6em；
位置：绝对位置；
右：2px；
最高：30%；
}
.wa导航中的幻灯片。菜单项-has-children>a。子活动：之后{
内容：“\f068”；
字体系列：“FontAwesome”；
字体大小：.6em；
位置：绝对位置；
右：2px；
}
.wa滑入导航ul子菜单{
显示：无；
保证金：0；
填充：0；
位置：相对位置；
}
.wa滑入导航ul子菜单li{
左侧填充：15px；
}
.wa幻灯片在导航li.selected>ul.sub菜单中{
显示：块；
}
.wa滑入导航李i{
右侧填充：5px；
}
.wa在导航>李>a中滑动{
文本转换：大写；
位置：相对位置；
}
导航>li>ul子菜单>li>a中的.wa幻灯片{
填充：2px 0 2px；
字体大小：15px；
}