我正在尝试为移动视图创建一个jQuery下拉菜单。我对jQuery还不熟悉，我使用Toggle来隐藏和显示子菜单。我的问题是，当我点击一个菜单项时，其他子菜单不会自动关闭。例如，如果我点击menutwo，我希望menuone自动关闭。我该如何做到这一点？请帮忙。
2
1437jQuery(document).ready(function($) {
$(".menuone").click(function() {
$(".submenuone").toggle(200);
});
$(".menutwo").click(function() {
$(".submenutwo").toggle(200);
});
$(".menuthree").click(function() {
$(".submenuthree").toggle(200);
});
});
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
Made it finally.
Here is my answer
jQuery(document).ready(function($) { $(".menuone").click(function() { $(".submenuone").toggle(200); $(".submenutwo, .submenuthree").hide(200); // Hide other submenus }); $(".menutwo").click(function() { $(".submenutwo").toggle(200); $(".submenuone, .submenuthree").hide(200); // Hide other submenus }); $(".menuthree").click(function() { $(".submenuthree").toggle(200); $(".submenuone, .submenutwo").hide(200); // Hide other submenus }); });