顯示/隱藏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問題

回答

相關問題