[英]HTML “Dropdown Menu” - toggle on click
我在HTML中创建了一个“下拉菜单”,当您单击某个元素时会出现该菜单。 如果单击该元素,它将向li
应用“选定”类,这将导致子菜单出现:
我现在有代码,点击菜单项时会显示/隐藏菜单。 如果选择了不同的菜单,它将从中删除所选的类,并在单击的菜单上切换它:
$("#menu").on("click", "li.dropdown", function(event) {
event.preventDefault();
event.stopPropagation();
$(this).siblings(".dropdown").removeClass("selected");
$(this).toggleClass("selected");
});
问题是,当我点击子菜单中的一个孩子时,我现在拥有它的方式将切换菜单并关闭它。
我还想在单击文档中的任何其他位置时隐藏菜单。 这可以通过以下方式完成:
$(document).on("click", function(event) {
$("#menu .dropdown").removeClass("selected");
});
1)如何在单击下拉部分时隐藏菜单,如何启用此切换功能?
2)如果单击菜单/子菜单本身以外的文档上的任何其他位置,如何隐藏菜单?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.