[Scriptaculous] Problemi al click di un effetto

[Phone]

ciao a tutti ho questo script che al click di "Click me for a demo" mi mostra un div,
mentre al click di "Reset" me lo fa sparire..

La mia domanda è :
come fare per far in modo che al primo click di "Click me for a demo" mi mostra il div e al secondo click sempre di "Click me for a demo" me lo fa sparire? Anzichè quindi cliccare su "reset" per farlo sparire?

 
<div id="grow_demo" style="display:none; width:80px; height:80px; background:#ccc;"></div>
<ul>[*]Click me for a demo![*]Reset[/list]

Grazie ciao

[Phone]

sto provando cosi ma ovviamente non va
premetto che non sono molto pratico di scriptaculos,javascript ecc

 function prova(id,ck){
if(ck.nodeName=='INPUT'){
new Effect.Grow('grow_demo'); return false;

}
else{
$('grow_demo').hide(); return false;
};
}