Klappmenü mit setInterval?

[Benni]

Hallo erstmal,
ich bastel gerade ein kleines, animiertes Menü.
Dies soll beim mouseover langsam aufgehen und beim out wieder zurück.

WIe bekomme ich es hin das das eine menu zugeht während das andere gleichzeitig aufgeht, wenn ich innerhalb der animationszeit auf den nächsten Punkt wandere?

Hab überall gesucht und geschaut, aber entweder war es zuviel des guten oder ich zu doof ;)

hier mal mein bisheriges Javascript-Gewurstel

<script>
var breaker;

function fade_in(){
 if(set_height < 50){
  set_height+=5;
 }
 if(set_width < 50){
  set_width+=5;
 }
 element.style.height = set_height +'px';
 element.style.width = set_width +'px';
 if(set_height >= 50 && set_width >= 50){
  if(content.style.display == 'none'){
   content.style.display = 'block'
  }
  window.clearInterval(breaker);
 }
}

function fade_out(){
 if(content.style.display == 'block'){
  content.style.display = 'none'
 }

if(set_width > 5 && set_height <= set_width){
  set_width-=5;
 }
 if(set_height > 5 && set_width <= set_height){
  set_height-=5;
 }
 element.style.height = set_height +'px';
 element.style.width = set_width +'px';
 if(set_height <= 5 && set_width <= 5){
  window.clearInterval(breaker);
 }
}

function timer(in_and_out,elementId,contentId){
 element = document.getElementById(elementId);
 content = document.getElementById(contentId);
 set_height = element.offsetHeight;
 set_width = element.offsetWidth;

if(breaker)window.clearInterval(breaker);

if(in_and_out == true){
  var func = 'fade_in()';
 }else{
  var func = 'fade_out()';
 }
 breaker = window.setInterval(func,10);

}
</script>

<div style="float:left;background-color:#CCCCCC;height:5px;width:5px;margin-right:5px;" id="menu1" onmouseover="test_while(true,'menu1','content1');" onmouseout="test_while(false,'menu1','content1');">
 <div id="content1" style="padding-top:20px;display:none;" class="standard">
  <span>
   Menü 1
  </span>
 </div>
</div>
<div style="float:left;background-color:#CCCCCC;height:5px;width:5px;margin-right:5px;" id="menu2" onmouseover="timer(true,'menu2','content2');" onmouseout="timer(false,'menu2','content2');">
 <div id="content2" style="padding-top:20px;display:none;" class="standard">
  <span>
   Menü 2
  </span>
 </div>
</div>

mfg
Benie

[Benni]

im 1. div muss natürlich auch timer(...) stehen und nicht test_while(...), das war noch vom testen ;)

mfg Benie