显示/隐藏SubMenu问题

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

我的问题：当我点击'项目'时，它显示子菜单。但是，如果再次单击“项目”，它将隐藏菜单。我如何防止这种情况？

的Javascript：

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

来源

2015-10-26 michaelmcgurk

您如何期待功能正常工作？ – mmmoustache

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

来源

2015-10-26 18:44:08

完美，Alok！ :-D – michaelmcgurk

@michaelmcgurk谢谢 –

也批准了答案 - 只好稍微等一下:) – michaelmcgurk

变化$(this).next().toggle();到$(this).next().show();。

来源

2015-10-26 18:43:16 OstrichProjects

酷 - 让我试试:) – michaelmcgurk

这里唯一的问题是：http://jsfiddle.net/a41xkr9z/6/看看会发生什么，如果你点击“更多项目”，然后“项目”？ – michaelmcgurk

你想要什么？ –

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

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

来源

2015-10-26 18:47:24 ChristianGH

显示/隐藏SubMenu问题

回答

相关问题