自动关闭jQuery中的子菜单[重复]

jhiyze9q 于 2023-08-04 发布在 jQuery

关注(0)|答案(2)|浏览(89)

此问题在此处已有答案：

jQuery close all open menus（4个答案）
Open menu on click close other menus（3个答案）
getting a menu to close when another menu is clicked（7个答案）
How can I close one menu when another is opened with Click?（1个答案）
24天前关闭
我试图使一个jQuery下拉菜单的移动的视图。我是jQuery的新手，我使用Toggle来隐藏和显示子菜单。我的问题是当我点击一个菜单项时，其他子菜单不能自动关闭.例如，如果我单击menutwo，我希望menuone自动关闭。我怎么能这么做呢？请帮帮我

jQuery(document).ready(function($) {
  $(".menuone").click(function() {
    $(".submenuone").toggle(200);
  });
  $(".menutwo").click(function() {
    $(".submenutwo").toggle(200);
  });
  $(".menuthree").click(function() {
    $(".submenuthree").toggle(200);
  });

});

个字符

jquery

来源：https://stackoverflow.com/questions/76656064/auto-close-submenus-in-jquery

2条答案

按热度按时间

k0pti3hp1#

我只需要使用事件委托，找到其他UL并关闭它们。

jQuery(document).ready(function($) {
  $("#menu-menu").on("click", "> li", function () {
     $("#menu-menu > li").not(this).find("ul").hide(200);
     $(this).find("ul").toggle(200);
  });
});

个字符

赞(0）回复(0）举报 2023-08-04

ymdaylpp2#

终于来了
这是我的答案

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
});
});

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

自动关闭jQuery中的子菜单[重复]

2条答案

相关问题

热门标签

最新问答