Jquery切换ul多级

如何切换导航的多级

我试着找到这个，但它打开了每个子菜单级别。 这是我的密码：

HTML

这是我的Jquery代码

$( ".submenu" ).hover(function() {
  $( this).find("ul").toggle( "slow" );
});

所以我想要的是，当我悬停在level_1时，它应该只打开level_2，当我悬停在level_2时，它应该打开level_3

您需要使用，因为它可以获得直系子代。而不是，它将获得子代（同时也是子代的子代）

代码

---

试试这个，希望对你有所帮助：

$( ".submenu" ).hover(function() {
  $( this).children("ul").first().toggle( "slow" );
});

---

也可能最好将其分为

mouseover

和

mouseout

并分别使用

show

和

hide

。这将为您提供另一个编辑Satpal:PSo，如果我想使用click函数，当我单击level_2时，如何处理使level_1保持打开状态？Oky找到了解决方案$（'li'）。单击（函数（ev）{$（this）.find（'>ul'）.slideToggle（）；ev.stopPropagation（）；}）；

$( ".submenu" ).hover(function() {
  $( this).find("ul").toggle( "slow" );
});

$(".submenu").hover(function () {
    $(this).children("ul").toggle("slow");
});

$( ".submenu" ).hover(function() {
  $( this).children("ul").first().toggle( "slow" );
});