Problema con "acordeon" Javascript

[K-Yezaad]

Tengo un script que al darle clic a un elemento, hace que un div de altura 0 se expanda (un acordeon). hasta eso, funciona perfectamente, pero si le doy clic otra vez, en medio de la animacion cuando se expande, se detiene, y se queda "trabado".

Este es el codigo javascript:

Código:

function show(elemento, fin){
  h = document.getElementById(elemento).style.height;
  setInterval(
  function(){
    h++; if(h < fin){
      document.getElementById(elemento).style.height = h+'px';
    }
   }, 5)
}

El html:

Código HTML:

<a href="#oculto" onclick="show('oculto', 150)">Clic aqui</a>
<a href="#oculto" onclick="show('oculto', 150)">Clic aqui tambien</a>
<div id="oculto">
    texto oculto aqui
</div> 

Por alguna razon solo funciona cuando declaro el estilo en una hoja aparte, o en tags style. El estilo que uso es:

Código:

#oculto{
  height:0px;
  overflow:hidden;
}

[Roly]

probá con mootools www.mootools.net

[Calisco]

Yo hace un tiempo hice un accordion con MooTools. Este es un link del mismo realizado con MooTools y este es un hilo del foro.
Me parece que vale la pena probarlos ... Espero que te sirva. Saludos.