Javascript display Yardımı Lutfen

Javascript Kodu :

<script>
var site;
function menuGoster(gelen){
divler= document.getElementsByTagName("div");
menuid = "amenu"+gelen;
if (gelen==site){
document.getElementById(menuid).style.display = "none"; 
site=100;
}
else{
menu2(gelen);
for(i=0;i<=divler.length;i++){
if(divler[i].id.indexOf("amenu")>-1){
 divler[i].style.display = "none";
document.getElementById(menuid).style.display = "block"; 
}
}
}
}
function menu2(gelen){
site=gelen;
}
</script>

Kullanımı :

<div onclick="menuGoster('1')">
    Ana kategori</div>

  <div id="amenu1">alt kategori<br>altkategori1</div>
 
 
<div onclick="menuGoster('2')">
    Ana kategori2</div>

  <div id="amenu2">alt kategori<br>altkategori1</div>

arkadaslar burda accordion menu yapmaya calıstım display ın yavas acılıp kapanmasını istiyorum bi turlu yapamadım yardımcı olurmusunuz bu kodlar uzerinden. Bide divler[i] anakategoriyi her tıkladııgında undifendid diyor firefox java hata konsolunda gorunuyor bunada bir cozum bulabilirseniz cok yardımcı olmus olursunuz tşkler...

Not : Hazır accordion menu linkleri vermenize gerek yoktur. Bu kod uzerinden yapmam gerekiyor yardımlar için tşkler..

iptal