顯示/隱藏子菜單問題

Question

我的網站上有一個簡單的菜單系統。 演示： http ： //jsfiddle.net/a41xkr9z/2/

我的問題：當我單擊“項目”時，它將顯示子菜單。 但是，如果再次單擊“項目”，則會隱藏菜單。 我該如何預防？

使用Javascript：

$('#menu-primary-menu>li>a').click(function() {
  $(this).parents("ul").find("li>ul").not($(this).next()).hide();
  $(this).next().toggle();
});

Answer 1

更改$(this).next().toggle(); 到$(this).next().show(); 。

Answer 2

$('#menu-primary-menu>li>a').click(function() {
  $(this).parents("ul").find("li>ul").not($(this).next()).hide();
 $(this).next().fadeIn();
});

Answer 3

如果使用.toggle()該函數將更改元素的隱藏/顯示狀態。

使用.show()或.hide()如果你只想要一個動作。