Ho creato un div che appare nel bottom della pagina in primo piano con position fixed e che quando clicco sulla "X" si toglie..

Adesso pero volevo creare un altro pulsante che cliccato, al posto che togliere quel div, lo ridimensionasse rendendolo più piccolo o mi facesse apparire un altro div più piccolo....


Come si fa?

il codice che ho usato per togliere al click è questo:

codice:
<div id="sotto"> 
<div class="piedipagina"> 
[img]images/x.png[/img] </div> </div>
e il css è questo:

codice:
.sotto { }  
.piedipagina { 	
background-image:url(images/footer1.png); 	
position:fixed; 	
bottom:0px; 	
margin: 0 auto; 	
width:100%; 	
color:#333; 	
font-size:14px; 	
z-index:3; 	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }