javascript - 使用 CSS 和 jQuery 的下拉菜单问题

Question

我正在尝试使用 jQuery 和 CSS 创建下拉菜单。
Here is jsFiddle

但这似乎不太奏效。谁能指出我错过了什么？

Answer 1

这是工作代码，但它比您拥有的要复杂一点:

var timer;

function openMenu() {
    $(this).addClass('open');
}

function keepOpen() {
    clearTimeout(timer);
}

function closeMenu() {
    $(this).removeClass('open');
    timer = setTimeout(function() {closeMenu(this);}, 50);
}

$('#userbox').hover(keepOpen, closeMenu);
$('#userbox').click(openMenu);

示例:http://jsfiddle.net/stulentsev/v6TvC/3/