超级下拉菜单

时间:2011-02-22 13:14:07

标签: javascript css jquery-ui jquery javascript-events

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

1 个答案:

答案 0 :(得分:0)

使用你的jsfiddle代码之后,我认为你需要在这些方面使用一些jQuery:

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

当用户点击该下拉列表中的某个项目时,这基本上会将下拉格式.dropdown_3columns的样式设置为display:none

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