0

私の問題を要約します：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(); } );
});

メニューにカーソルを合わせると、サブメニューが表示されます。

必要なのは、「メニュー」以外のリンクにカーソルを合わせたときに「サブメニュー」を非表示にすることです。ありがとうございました

4

2 に答える 2

2

これを試して：-

デモ

   $(function () {
    $('#submenu').hide();
    $('#menu').hover(function () {
        $('#submenu').show();
    });
    $('a:not(#menu,#submenu)').hover(function () {
        $('#submenu').hide();
    })
});
于 2013-05-04T23:53:17.493 に答える
0

これを使って...

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

それともこれを使っ...

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

このデモを見る

于 2013-05-04T23:53:09.010 に答える