Döngü içerisinde Onmouseover

[janktp]

arkadaşlar 5 tane menüm var herbirinin altında birer tane div var default olarak hidden geliyor. onmouse üstteki menülerin hangisine gelirsem alttaki divler ona göre açılıyor yani dropdown menü gibi ben şu kodu yazdım

window.onload=function(){
var IDS=document.all;
IDS["menu1"].onmouseover=function(){
IDS["altmenu1"].style.visibility="visible";
};
IDS["menu1"].onmouseout=function(){
IDS["altmenu1"].style.visibility="hidden";
};
IDS["altmenu1"].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu1"].onmouseout=function(){
this.style.visibility="hidden"; 
}; 

IDS["menu2"].onmouseover=function(){
IDS["altmenu2"].style.visibility="visible";
};
IDS["menu2"].onmouseout=function(){
IDS["altmenu2"].style.visibility="hidden";
};
IDS["altmenu2"].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu2"].onmouseout=function(){
this.style.visibility="hidden"; 
};

IDS["menu3"].onmouseover=function(){
IDS["altmenu3"].style.visibility="visible";
};
IDS["menu3"].onmouseout=function(){
IDS["altmenu3"].style.visibility="hidden";
};
IDS["altmenu3"].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu3"].onmouseout=function(){
this.style.visibility="hidden"; 
};

IDS["menu4"].onmouseover=function(){
IDS["altmenu4"].style.visibility="visible";
};
IDS["menu4"].onmouseout=function(){
IDS["altmenu4"].style.visibility="hidden";
};
IDS["altmenu4"].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu4"].onmouseout=function(){
this.style.visibility="hidden"; 
};

IDS["menu5"].onmouseover=function(){
IDS["altmenu5"].style.visibility="visible";
};
IDS["menu5"].onmouseout=function(){
IDS["altmenu5"].style.visibility="hidden";
};
IDS["altmenu5"].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu5"].onmouseout=function(){
this.style.visibility="hidden"; 
};
};
 

bu biraz uzun olduğu için bunu şu şekilde kısaltmak istedim üstteki td lere menu1,menu2,menu3,menu4,menu5 diye id verdim alttaki divlere ise altmenu1,altmenu2,altmenu3,altmenu4,altmenu5...

 
window.onload=function(){
var IDS=document.all;
for (var i=1;i<5;i++){
IDS["menu"+i].onmouseover=function(){
IDS["altmenu"+i].style.visibility="visible";
};
IDS["menu"+i].onmouseout=function(){
IDS["altmenu"+i].style.visibility="hidden";
};
IDS["altmenu"+i].onmouseover=function(){
this.style.visibility="visible";
};
IDS["altmenu"+i].onmouseout=function(){
this.style.visibility="hidden"; 
}; 
}
};

fakat burda hangi menüye gelirsem 5. div görünür oluyor.

[Pwm]

Bir for döngüsü ile fonksyon yazmazsın diye biliyorum onun yerine şöyle bir kod işini görebilir.

<script>
function open_div(index)
{
var divs
divs = document.getElementsByTagName("div")
divs[index].style.visibility="visible";
}
function close_div(index)
{
var divs
divs = document.getElementsByTagName("div")
divs[index].style.visibility="hidden";
}
</script>

<div onMouseOver="open_div(1)" onMouseOut="close_div(1)">Menü_1</div>
<div style="visibility:hidden;" onMouseOver="open_div(1)" onMouseOut="close_div(1)">A_Menü_1</div>

<div onMouseOver="open_div(3)" onMouseOut="close_div(3)">Menü_2</div>
<div style="visibility:hidden;" onMouseOver="open_div(3)" onMouseOut="close_div(3)">A_Menü_2</div>

<div onMouseOver="open_div(5)" onMouseOut="close_div(5)">Menü_3</div>
<div style="visibility:hidden;" onMouseOver="open_div(5)" onMouseOut="close_div(5)">A_Menü_3</div>

Ben 3 tane div koydum sen istediğin kadar arttırabilirsin. Tek yapman gereken fonksyonların içindeki satıları 2 arttırmak

1 3 5 7 ... diye gidiyor.

[janktp]

teşekkür ederim arkadaşım