jquery - 悬停任何链接，然后隐藏某些 div

Question

我总结了我的问题：http: //jsfiddle.net/marciano/BSzAn/

我有一些链接

<a href="">Some text 1</a>
<a href="">Some text 2</a>
<a href="">Some text 3</a>
<a id="menu" href="">MENU</a>
<a id="submenu" href="">SUBMENU</a>

和js

$(function() {
      $('#submenu').hide();
      $('#menu').hover( function() { $('#submenu').show(); } );
});

当我悬停 MENU 时，会出现 SUBMENU。

当我悬停除“菜单”之外的任何其他链接时，我需要隐藏“子菜单”。谢谢

Answer 1

尝试这个：-

演示

   $(function () {
    $('#submenu').hide();
    $('#menu').hover(function () {
        $('#submenu').show();
    });
    $('a:not(#menu,#submenu)').hover(function () {
        $('#submenu').hide();
    })
});

Answer 2

用这个...

$('#menu').hover( function() { $('#submenu').show(); }, function() { $('#submenu').hide(); } );

或者用这个...

$('#submenu').hide();
$('#menu').hover( function() { $('#submenu').toggle(); } );

看这个演示