Chiudere un div

[dani_ajl]

Io ho creato un div ("esempio1") contente un img che sta "fixed" in fondo alla pagina..
gli ho aggiunto una "x" per far in modo di chiudere questa immagine

come faccio tramite javascript o altro ad associare al click del x una funzione che mi chiuda solamente il div esempio1?

[cavicchiandrea]

chiudi div
div fissato a fondo pagina <div id="esempio1">ciao mondo</div>

[dani_ajl]

funziona solo se metti div id e non div class..

il problema è che nel css del div c'e il "position fixed" che mi permette di metterlo in primo piano piantandolo in fondo alla pagina visualizzata (cioe viene sempre visualizzato in basso "bottom=0" anche se ci si muove con la scrollbar)

togliendo il position fixed mi va a finire in fondo alla pagina ed è inutile..

[cavicchiandrea]

Ma l'uno non esclude l'altro il div può benissimo essere cosi <div id="identificativo_univoco" class="tua-classe">contenuto</div> oppure costruisci il css sul id del elemento <style>#esempio1{......}</style> e comunque sarebbe meglio avere un identificativo univoco eseguire la stessa operazione con una classe dedicata al quel elemento sarebbe molto più complesso.

[dani_ajl]

Risolto

riepilogo:

1) si crea una classe contenitore "cont" vuota
2) si crea la classe dove mettere i vostri css

3) il codice è cosi:
<div id="cont">
<div class="vostro css">Vostro contenuto da chiudere
LINK CHE CLICCATO FA SCOMPARIRE TUTTO QUELLO CHE AVETE INSERITO NEL DIV "CONT"</div>
</div>

[cavicchiandrea]

Comunque poi risparmiarti un div inserendo la formattazione direttamente nel div cont:
//inizio cont css
#cont{
position:fixed;
color:#000;
bottom:0px;
background-color:#fff;
etc....
}
//fine cont css