jquery - jquery 菜单 - 淡入/淡出

Question

我正在使用 jquery 构建一个简单的菜单，并且无法让它在翻转时保持可见。

这是我的jQ：

$('.process').hover(function(){
            $('#dropdown').fadeIn(1000);    
        }, function(){
            $('#dropdown').delay(1000).fadeOut();
    });

$('#dropdown').mouseover(function() {
        //Need something here to hold the menu
    });
$('#dropdown').mouseleave(function() {
        $(this).fadeOut();
    });

上面我需要什么？

这是半工作示例：

http://jsfiddle.net/kenaesthetic/L25MD/2/

Answer 1

UL#dropdown 应该在包含 .process 的 LI 中，并且 .process 应该在 li 上，而不是在 a 上。这使得#dropdown 成为 li.process 的子项，因此当您在 li.process 中时，悬停不会结束。

我开始修改你的小提琴，但需要一些 CSS 调整才能让它全部工作。

更新（基于您在下面评论中的小提琴）：

http://jsfiddle.net/L25MD/11/

$('li.process').hover(function () {
    $('#dropdown').fadeIn(1000);
}, function () {
    $('#dropdown').delay(1000).fadeOut();
});