试图在hide()上设置冷却时间;下拉菜单

时间:2013-06-10 09:29:55

标签: javascript jquery

好吧,我试图制作我的第一个菜单,并且我很难接受这个下拉脚本。 逻辑是简单而经典的,当你将鼠标移动<li>下拉隐藏时,徘徊某个<li>会丢弃一个子菜单(好吧,它不应该隐藏,但当你将鼠标移到另一个<li>上时 $(function() { $('.menu-content-news').hover(function() { $('.subnav').css('visibility', 'visible'); }); $('.menu-content-news').mouseleave(function () { $('.subnav').css('visibility', 'hidden'); }); $('.subnav').hover(function() { $(this).css('visibility', 'visible'); }); $('.subnav').mouseleave(function() { $(this).css('visibility', 'hidden'); }); 1}},子菜单必须关闭,否则我只会弹出数十亿的子菜单并且无法关闭任何人 那么,有人可以帮助我吗? 这是我的实际来源:

{{1}}

});

这是我的网站http://nfd.altervista.org/kindmenuonpure.html(显然还在努力,我只是为了挑战和测试我的能力,我真的想在这个网页设计领域进行改进,这是我的第一次测试。如果您愿意,还要留下有关该网站的反馈,或如何改进它) 谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery函数.hide();而不是附加CSS。或切换您可以为其添加参数以设置持续时间:

$('.menu-content-news').hover( function() { 
    $('.subnav').toggle('slow'); 
}

Example on JSFiddle

jQuery Toggle