显示/隐藏子菜单问题

Question

我的网站上有一个简单的菜单系统。演示：http://jsfiddle.net/a41xkr9z/2/

我的问题：当我点击＆＃39; Projects＆＃39;它显示子菜单。但是，如果您点击＆＃39; Projects＆＃39; 再次，它会隐藏菜单。我该如何防止这种情况？

使用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()。