Crea uno spoiler in Javascript, CSS e XHTML

Crea uno spoiler (mostra / nascondi effetto) in Javascript, CSS e XHTML

Qui sotto c'è un piccolo script che crea una specie di spoiler in Javascript, permettendoti di mostrare o nascondere un div al clic.

Faremo uso di due div:

Il primo mostrerà il nostro testo con un link ... dopo aver cliccato su un secondo div sarà visualizzato
Il secondo div contiene un link. Questo collegamento ti consente di nascondere il div.

Utilizzeremo ovviamente due funzioni JavaScript, CSS e XHTML.

Nella nostra prima div:

Plusieurs langages de développement Web esistente: Afficher les langages

Crea il secondo div Questo div è nascosto e verrà visualizzato solo cliccando sul primo:

XHTML

cacher

Ora per la parte CSS:

 # layer1 {
visibilità: visibile;
posizione: relativa;
}
# layer2 {
visibilità: nascosta;
posizione: assoluta;
}

Il JavaScript:

 function afficher () {
document.getElementById ('layer2'). style.visibility = 'visible'; document.getElementById ('layer2'). style.position = 'relativo';
. Document.getElementById ( 'layer3') style.visibility = 'nascosto';
}
function fermer () {
document.getElementById ('layer2'). style.visibility = 'hidden';
document.getElementById ('layer2'). style.position = 'absolute';
. Document.getElementById ( 'layer3') style.visibility = 'visibile';
}