2010-10-25 120 views
0

我有兩個div。說div1和div2。默認情況下div2是不可見的。請幫助onjquery懸停

當用戶懸停在div1上時,我需要顯示div2。現在,如果div2懸停,那麼我需要繼續顯示此div2(即使div1不再徘徊),否則將div2的可見性重置爲隱藏。

如何讓div2在懸停時可見?

+1

同胞的div或嵌套的div? '

'或'
'? – 2010-10-25 02:15:12

+0

sibling .......................... – user384080 2010-10-25 02:21:15

回答

1

在這裏你去:

var overSubmenuFlag = false; 
$('#div1').mouseover(function(){ 
    $('#div2').show(); 
}); 
$('#div1').mouseout(function(){ 
    setTimeout(function(){if(overSubmenuFlag)return;$('#div2').hide();},100); 
}); 
$('#div2').mouseover(function(){ 
    overSubmenuFlag = true; 
}); 
$('#div2').mouseout(function(){ 
    overSubmenuFlag = false; 
    $('#div2').hide(); 
}); 
+0

將無法​​正常工作.. div1是菜單..和div2是子菜單..如果div1懸停然後div2顯示..但如果div2不懸停,我需要隱藏div2 – user384080 2010-10-25 02:14:44

+0

看到我編輯的答案 – 2010-10-25 02:23:44

+0

正是我後..謝謝隊友! – user384080 2010-10-25 02:31:44

0

您可以使用hover爲這兩個div。

當懸停在div1顯示div2,當徘徊在div2隱藏div2

$('#div1').hover(
function() { 
//hoverIn 
$('#div2').show(); 
}, function() { 
    //hoverOut 
}); 


$('#div2').hover(
function() { 
//hoverIn 

}, function() { 
    //hoverOut 
    $('#div2').hide(); 
}); 
+0

將不起作用.. div1是菜單..而div2是子菜單..如果div1懸停然後div2顯示..但如果div2不在懸停,我需要隱藏div2 – user384080 2010-10-25 02:15:08

+0

那麼你沒有說你的問題... :) – 2010-10-25 02:41:35