levare footer fisso con un click

[prinzart]

ciao a tutti, ho inserito un footer fisso sopra (è un layer) la pagina del mio sito e funziona bene.
Il problema è che rimane li in vista, io vorrei fare in modo che se l'utente clicca il footer si toglie, come avviene per le pubblicità che troviamo nei vari portali.
Sapete come si fa?

Questo è il codice:

<style type="text/css">
 body{
  margin:0;
  padding:0 0 <length> 0;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:<length>;
  z-index: 100;
 }
 @media screen{
  body>div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
</style>


<div id="footer">
<table width="100%" height="80" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#666666"></td>
  </tr>
</table>
</div>

<div id="content"></div>

[Prill]

Un esempio

<div id="footer">
<p style="text-align:right;margin:0;">chiudi</p>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-color:#666; width:100%; height:80px"> </td>
  </tr>
</table>
</div>

[prinzart]

Grazie!

[corsimemosystem]

Ho inserito in codice molto simile a questo, che ho letto su un sito ormai in disuso, sulla home del sito in firma ma non funge :-(
Non gli piace il "position: fixed;" senza il div mi appare in fondo alla pagina (com'è corretto che sia) se lo inserisco sparisce del tutto senza lasciare traccia... ci studio sopra da una settimana e ci sto capendo nulla... qualcuno saprebbe darmi una mano? Help!!