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

试试这个： -

Demo

   $(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(); } );

请参阅 DEMO

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

2 个答案: