0

好吧，我试图制作我的第一个菜单，但我被这个下拉脚本卡住了。逻辑简单而经典，悬停在某个地方<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');
    });

});

这是我的网站http://nfd.altervista.org/kindmenuonpure.html（显然仍在努力，我只是为了挑战和测试我的能力，我真的想改进这个网页设计领域，而这个是我的第一次测试。如果你觉得，也留下关于网站的反馈，或者如何改进它）谢谢！

4

1 回答 1

1

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

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

JSFiddle 上的示例

jQuery 切换

于 2013-06-10T09:39:40.300 回答