Javascript 隐藏列表中的隐藏列表

我想用class

“ul menu”

从span中隐藏每个家长的ul，但我编写的代码只隐藏第一个未隐藏的ul

我想在页面加载时从span的父级隐藏每个菜单ul，但这只隐藏ul编号1。我检查了这一点，如果我从ul编号1的span中删除

“ul menu”

，然后ul编号2被隐藏，但我想隐藏每个ul。我尝试了每个功能，但这没有帮助。或者我可以把ul隐藏在隐藏的ul级别的上层还是什么

$（'.ul菜单'）。在（“单击”，函数（）上）{
var t=$（本）；
t、 父项（）.find（'ul'）.toggle（）；
if（t.hasClass（'glyphicon-chevron-down'））{
t、 removeClass（“glyphicon-chevron-down”）；
t、 addClass（'glyphicon-chevron-right'）；
}否则{
t、 addClass（'glyphicon-chevron-down'）；
t、 removeClass（'glyphicon-chevron-right'）；
}
});
//隐藏函数
$（文档）.ready（函数（）{
$（'.ul menu'）.parent（）.find（'ul'）.hide（）；
});

地点


















我认为您的问题在于您的切换秀

t.parent().find('ul').toggle();

这将查找所有子对象并切换它们。要只获取直接的元素，请在'>ul'上找到。
您应该只针对同级
ul
元素

$('.ul-menu').on("click", function () {
    var t = $(this);
    t.nextAll('ul').toggle();
    t.toggleClass('glyphicon-chevron-down glyphicon-chevron-right')
});

演示：
而不是
t.parent（）.find（'ul'）.toggle（）
您只需执行
t.nextAll（'ul'）.toggle（）