2011-01-06 64 views
1

確定繼承人的代碼的主要思想jQuery的下拉問題

<table> 
    <tr> 
     <td id="ddFish"></td> 
    </tr> 
</table> 
<div id="ddRegion"> 
    <div id="North"></div> 
</div> 
<div id="nec"> 
    <div id="necArea"></div> 
</div> 
<div id="area1"></div> 

我需要jQuery腳本,它下面......我不能爲我的生活弄清楚

當TD# ddFish盤旋,顯示#ddRegion。

when #North hover,show #nec。

時#necArea懸停,秀#區1

讓我知道,如果有其他問題

回答

2

你可以爲每個元素對做:

$('#elementID1').mouseover(function() { 
    $('#elementID2').show(); 
}); 

或多個動態:

var map = { 
    '#ddFish': '#ddRegion', 
    '#North': '#nec', 
    '#necArea': '#area1' 
} 

for(var source in map) { 
    $(source).mouseover((function(target) { 
     return function() { 
      $(target).show(); 
     }; 
    }(map[source]))); 
} 

工作DEMO - 正如karim已經說過的,您必須將代碼添加到ready事件處理程序。

+0

這就是我試過...不工作。我有體面的exp與show hide功能,但它不工作..我想也許有另一種方式來寫它? – Alex 2011-01-06 21:59:48