sto provando questo effetto carino

codice:
 <div id="fade_demo" style="width:80px; height:80px; background:#c2defb; border:1px solid #333;"></div>
<ul>[*]Click here for a demo![*]Reset[/list]

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?