Menu a tendina by me

[trez]

Ciao,
sto CERCANDO di fare un menu a tendina da me.
Ho un menu in un div e devo far apparire una tendina animata che scende sotto una delle voci.

Questo è il menu:

<div id = "menu">
                    <ul>[*][url="#"]aaaa[/url][*][url="#"]bbbb[/url][*][url="#"]cccc[/url][/list]
                </div> 

Questa invece è la tendina:

var markerMenu = document.createElement("marker_menu");
      markerMenu.style.visibility="hidden";
      markerMenu.style.background="#333";
      markerMenu.style.border="1px solid #8888FF";

      markerMenu.innerHTML = '<a href="#"><div class="context">Add a Marker<\/div><\/a>'
                              + '<a href="#"><div class="context">Another one<\/div><\/a>'
                            + '<a href="#"><div class="context">Another again<\/div><\/a>'; 

E per finire, quello hce segue è il codice javascript che dovrebbe animare la tendina:

var div = null;
      var msec = 30;
      var id = 0;
      
      function init(menu) {
          div = document.getElementById(menu); //DIV da animare
          div = document.getElementById(marker_menu);
          div.style.visibility = "visible";
          var topString = document.getElementById("marker_link");
          div.style.top = topString.style.top + 20 +"px"; // 20 è l'altezza del menu
          div.style.height = "0px";
          animate(); //Chiamata alla funzione che anima il div
      }
      
      
      function animate() {
          if(div.style.height < 10){
              alert("animazione");
              div.style.height = parseInt(div.style.height)+1+"px";
              id = setTimeout(animate,msec);//Ripete lo spostamento per tot millisecondi
          }
      } 

Ma non funziona -.-
Sapete come aiutarmi?
Grazie

[trez]

Riporto alcune modifiche fatte alle funzioni javascript, ma l'animazione non funziona ancora.

var div = null;
      var msec = 300;
      var id = 0;
      
      function init(menu) {
          div = document.getElementById(menu); //DIV da animare
          div.style.visibility = "visible";
          var topString = document.getElementById('marker_link');
          div.style.marginTop = topString.offsetHeight + 20 +'px'; // 20 è l'altezza del menu
          div.style.marginLeft = topString.offsetLeft;
          animate(); //Chiamata alla funzione che anima il div
      }
      
      
      function animate() {
          if(div.offsetHeight < 10){
              //div.style.height = parseInt(div.style.)+1+"px";
              alert("ggg");
              div.style.height = div.offsetHeight+1+'px';
              id = setTimeout(animate,msec);//Ripete lo spostamento per tot millisecondi
          }
      } 

[cavicchiandrea]

Al volo alla funzione animate non gli passi l'id del div come fai init(menu) e come pensi che possa funzionare

[trez]

Ma div è globale.