Mostrar div

[Usa_Firefox]

Hola!

Tengo un problema al intentar mostrar un div, y es que comienza a estirarse, pero al segundo o dos, se recarga la página...

Código javascript:

<a id="menulink" onclick="mostrarmenu()" href="/menu.php" class="menuprincipaltext">M&aacute;s</a></li>
 
<!-- Cambiar el link de menu y poner un onclick si está desactivado -->
<script language="javascript">
<!-- Ocultar de navegadores antiguos
var height=0;
 
function mostrarmenu(){
timer= setInterval(abrirmenu,10);
}
 
function abrirmenu(){
 
if(height<=300){
height+=1;
 
document.getElementById('menucompletoc').style.visibility='visible';
document.getElementById('menucompleto').style.visibility='visible';
document.getElementById('menucompleto').style.height=height+'px';
}
else{
clearInterval(timer);
document.getElementById('menucompletolink').style.visibility='visible';
}
}
 
//Quitar el href del link de menu si esta ACTIVADo javasctipt para que se quede en esta pagina
document.getElementById("menulink").href = "";
//-->
</script>
 
</ul>
</div>
 
</p>
<p>
<div id="menucompletoc" style="border:1px solid #FF9900;clear:both;margin-bottom:10px;margin:0px 10px 10px 0px;visibility:hidden;">
 
<div id="menucompletolink" style="border-bottom:1px solid #FF9900;padding:3px;background-color:#FFFFCC;visibility:hidden;">
<a href="javascript:cerrarmenu()">Cerrar</a>
</div>
 
<div id="menucompleto" style="padding:6px;visibility:hidden;">
 
Aqui texto</div>
 
</div>
 

El script lo que quiero que haga es estirazar el div de menu poco a poco...

Saludos