重写后的标题为:如何在jQuery中实现子菜单的自动关闭
P粉312631645
P粉312631645 2023-09-16 09:10:19
0
2
904

我正在尝试为移动视图创建一个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); }); });
 

P粉312631645
P粉312631645

全部回复 (2)
P粉207483087

终于成功了

这是我的答案

雷雷
    P粉146080556

    我会使用事件委托,并找到其他的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); }); });
     
      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!