Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示/隐藏子菜单问题_Javascript_Jquery - Fatal编程技术网

Javascript 显示/隐藏子菜单问题

Javascript 显示/隐藏子菜单问题,javascript,jquery,Javascript,Jquery,我的网站上有一个简单的菜单系统。演示: 我的问题:当我单击“项目”时,它会显示子菜单。但是,如果再次单击“项目”,则会隐藏菜单。我如何防止这种情况 Javascript: $('#menu-primary-menu>li>a').click(function() { $(this).parents("ul").find("li>ul").not($(this).next()).hide(); $(this).next().toggle(); }); 更改$(this.

我的网站上有一个简单的菜单系统。演示:

我的问题:当我单击“项目”时,它会显示子菜单。但是,如果再次单击“项目”,则会隐藏菜单。我如何防止这种情况

Javascript:

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

更改
$(此).next().toggle()
$(this).next().show()

更改
$(此).next().toggle()
$(this).next().show()

更改
$(此).next().toggle()
$(this).next().show()

如果使用
.toggle()
该函数将更改隐藏/显示元素的状态

如果只需要一个操作,请使用
.show()
.hide()

如果使用
.toggle()
此函数可更改隐藏/显示元素的状态

如果只需要一个操作,请使用
.show()
.hide()

如果使用
.toggle()
此函数可更改隐藏/显示元素的状态

如果只需要一个操作,请使用
.show()
.hide()

如果使用
.toggle()
此函数可更改隐藏/显示元素的状态


使用
.show()
.hide()
如果您只需要一个操作。

您希望该功能如何准确工作?您希望该功能如何准确工作?您希望该功能如何准确工作?您希望该功能如何准确工作?这里唯一的问题是:如果单击
更多项目
然后是
项目
?这里唯一的问题是:如果单击
更多项目
然后单击
项目
,那么会发生什么?这里唯一的问题是:如果单击
更多项目
然后单击
项目
,那么会发生什么?这里唯一的问题是:如果单击
更多项目
,那么会发生什么
项目
?@michaelmcgurk谢谢你也批准了答案-不得不在那里等一会儿:)@michaelmcgurk谢谢lot@michaelmcgurk谢谢你也批准了答案-不得不在那里等一会儿:)@michaelmcgurk谢谢lot@michaelmcgurk谢谢你也批准了答案-不得不在那里等一会儿:)@michaelmcgurk谢谢lot@michaelmcgurk谢谢你的认可回答太-不得不在那里等一会儿:)@michaelmcgurk非常感谢
$('#menu-primary-menu>li>a').click(function() {
  $(this).parents("ul").find("li>ul").not($(this).next()).hide();
 $(this).next().fadeIn();
});