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#下拉列表应该在包含.produce的LI中，.produce应该在LI上，而不是在a上。这使得#dropdown成为LI.produce子项，因此当您在LI.product中时悬停不会结束。

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

更新（基于您下面评论中的fiddle）：

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

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