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

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

但这似乎效果不佳。谁能指出我在想什么？

最佳答案

这是工作代码，但是比您所拥有的要复杂一些：

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/

关于javascript - 使用CSS和jQuery的下拉菜单问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8815143/