javascript - 大型下拉菜单

Question

我正在使用 Mega Dropdown menu ，当我单击一个选项时，将执行 href 标记，但菜单保持打开状态。我被迫将鼠标从菜单上移开以将其关闭。如何在用户单击或选择后关闭菜单。这是一个基于纯CSS的菜单。我想我缺少一些 jQuery 或 JavaScript 来处理事件。你愿意帮忙吗？

Answer 1

在使用您的 jsfiddle 代码后，我认为您需要按照这些行使用一些 jQuery:

$("ul.greybox").find("a").each(function() {
    //$(this).attr("href", "#"); Just for testing
    $(this).click(function() {$(".dropdown_3columns").attr('style', 'display:none');});
});

基本上，当用户点击下拉列表中的一项时，将下拉列表 div .dropdown_3columns 的样式设置为 display:none。

检查它在这里工作 - http://jsfiddle.net/RpfYa/