超级下拉菜单

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/