使用JavaScript使子菜单可扩展

我正在使用带有嵌套子菜单的导航菜单。我想知道当我单击父菜单项时，是否有一种方法可以实现菜单的可扩展性

这是我的HTML代码，你们可以看到，我在父菜单项中有2个ng repeat，如果子菜单项有一个或多个子菜单，还有一个

您只需将内部

ul

元素设置为隐藏，然后使用以下代码显示/隐藏它们：

$("ul li").has("ul").click(function() {
  $(this).find("ul").toggle();
});

这将切换隐藏和显示其父级

li

单击上的子

ul

元素

说明：

它用于将

click

事件处理程序仅附加到具有

ul

子元素的

li

，并显示/隐藏单击的

li

元素的子列表

演示：

这是一个有效的演示片段：

$（“ul li”）。具有（“ul”）。单击（函数（）{
$（this.find（“ul”）.toggle（）；
});
ulli{
光标：指针；
}
ul li ul{
显示：无；
}


清单项目1
清单项目2

清单项目2-a
清单项目2-b


清单项目3
清单项目4
您只需将内部
ul
元素设置为隐藏，然后使用以下代码显示/隐藏它们：

$("ul li").has("ul").click(function() {
  $(this).find("ul").toggle();
});

这将切换隐藏和显示其父级
li
单击上的子
ul
元素

说明：

它用于将
click
事件处理程序仅附加到具有
ul
子元素的
li
，并显示/隐藏单击的
li
元素的子列表

演示：

这是一个有效的演示片段：


$（“ul li”）。具有（“ul”）。单击（函数（）{
$（this.find（“ul”）.toggle（）；
});
ulli{
光标：指针；
}
ul li ul{
显示：无；
}


清单项目1
清单项目2

清单项目2-a
清单项目2-b


清单项目3
清单项目4
使用angularjs？@Leandro是的，当然，angularjs是基于jQuery构建的。使用angularjs？@Leandro是的，当然，angularjs是基于jQuery构建的。