mostrare e nascondere un div con i css???

[danielepen]

Ciao a tutti
sto creando una galleria di immagini in php html e css.
in pratica voglio che sopra la foto ci sia una colonna colorata e semitrasparente con le informazioni sulle immagini
questa colonna volevo che comparisse e scomparisse cliccando un link "info"
ho creato il tutto ma non so come far si che il pulsante "info" cliccandoci sopra mostri e nasconda il div contenente le informazioni...
pensavo si potesse usare una tecnica simile a quella per i menu a tendina e quindi agire sul parametro "display", ma non sono riuscito a cavarci nulla...
c'è modo di farlo coi css?

spero che posiate aiutarmi
ciao e grazie
daniele

[Gufo]

Originariamente inviato da danielepen
Ciao a tutti
sto creando una galleria di immagini in php html e css.
in pratica voglio che sopra la foto ci sia una colonna colorata e semitrasparente con le informazioni sulle immagini
questa colonna volevo che comparisse e scomparisse cliccando un link "info"
ho creato il tutto ma non so come far si che il pulsante "info" cliccandoci sopra mostri e nasconda il div contenente le informazioni...
pensavo si potesse usare una tecnica simile a quella per i menu a tendina e quindi agire sul parametro "display", ma non sono riuscito a cavarci nulla...
c'è modo di farlo coi css?

spero che posiate aiutarmi
ciao e grazie
daniele

Ci vuole JS

[danielepen]

grazie di avermi spostato nella sezione giusta!
speravo che si potesse fare coi css...
comunque sia, avete qualche script da consigliarmi per fare comparire/scomprarire un div?

ciao e grazie mille
daniele

[webdemo]

in head

<script type="text/javascript">
function mostranascondi() {
            var A = document.getElementById('divmn');
                if (A.style.display == 'none') {
                    A.style.display = '';
                }
                else {
                    A.style.display = 'none';
                }
            }
</script>

il link

mostranascondi

il div

<div id="divmn">...</div>

non l'ho provato, fammi sapere se funziona

[nikasil]

riesumo...funziona correttamente ma come devo fare perchè all'apertura il div sia nascosto e nn visibile come ora...? grazieeee

[LuigiMem]

Originariamente inviato da nikasil
riesumo...funziona correttamente ma come devo fare perchè all'apertura il div sia nascosto e nn visibile come ora...? grazieeee

non ho seguito tutto ma se ho capito bene:

<script type="text/javascript">

var A = document.getElementById('divmn');
A.setAttribute("style","display:none");

function mostranascondi() {
if (A.style.display == 'none') {
A.style.display = '';
}
else {
A.style.display = 'none';
}
}
</script>

[nikasil]

niente da fare...non solo è ancora visibile ma anche cliccando non lo nasconde + e viceversa...

[cavicchiandrea]

Originariamente inviato da nikasil
riesumo...funziona correttamente ma come devo fare perchè all'apertura il div sia nascosto e nn visibile come ora...? grazieeee

Lo imposti display:none in linea <div id="divmn" style="display:none">...</div> o tramite css #divmn{display:none;}

[nikasil]

baciamo le mani! funziona