2013-05-04 82 views
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(); }); 
}); 

當我懸停菜單,子菜單顯示出來。

我需要的是隱藏'子菜單',當我懸停任何其他鏈接,但'菜單'。 謝謝

回答

2

試試這個: -

Demo

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

我得更深一些。我想包含在(#menu ....)div class =「A1」中的所有鏈接。謝謝 – dstonek 2013-05-05 00:19:57

+0

完全不明白,你可以做一個小提琴嗎? – PSL 2013-05-05 00:21:20

+0

像這樣的東西? http://jsfiddle.net/Ybr8W/ – PSL 2013-05-05 00:24:02

0

使用此...

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

或者使用...

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

看到這個DEMO

+0

我已經試過類似的東西,但我需要隱藏「子菜單」只有當我將鼠標懸停等其他環節 – dstonek 2013-05-05 00:10:48