javascript - 显示/隐藏子菜单问题

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();。