Javascript 仅子元素上的jQuery slideDown（）

请原谅我，我坐的是短巴士：(

对于主导航上带有jQuery的

slideDown（）/slideUp（）

，我有以下代码：

//jQuery slideDown for menu dropdowns
$('.menu').addClass('js-enabled')

$('.js-enabled li').hoverIntent(function () {
   $(".sub-menu").slideDown('slow');
 }, 
 function () {
   $(".sub-menu").slideUp('slow');
});

我的问题是，

.sub菜单的代码不是唯一的，它是给定
的子菜单。有人能告诉我如何根据原始
$（'.js-enabled li'）使上述代码特定于悬停的
元素。hoverIntent
目标

*编辑：这是生产站点，演示了所有“.sub-menu”都通过效果设置动画的错误：
我假设在处理程序中，您可以使用
此
引用当前元素。然后您可以使用搜索特定子体：

$(this).find(".sub-menu").slideDown('slow');

您可以将当前的
元素作为函数的
上下文
参数传递：

$(".js-enabled li").hoverIntent(function() {
   $(".sub-menu", this).slideDown("slow");
}, function() {
   $(".sub-menu", this).slideUp("slow");
});