[scriptaculo]nascondere il div e poi farlo apparire

[raulken007]

[scriptaculo]nascondere il div e poi farlo apparire

sto provando questo effetto carino

</SPAN>codice:
<div id="fade_demo" style="width:80px; height:80px; background:#c2defb; border:1px solid #333;"></div><ul> <li><a href="#" onclick="$('fade_demo').fade(); return false;">Click here for a demo!</a></li> <li><a href="#" onclick="$('fade_demo').show(); return false;">Reset</a></li></ul>

solo che il div è già visibile quando si apre la pagina, io invece vorrei tenerlo nascosco e poi al click farlo apparire

ho provato con display:none e visibility:hidden
ma non funzionano

qualcuno ha qualche idea?