Stvorite spojler u Javascriptu, CSS-u i XHTML-u

Stvorite spojler (efekt pokazivanja / skrivanja) u Javascriptu, CSS-u i XHTML-u

Ovdje u nastavku je mala skripta stvoriti neku vrstu spojler u Javascriptu, omogućujući vam da prikažete ili sakrijete div nakon klika.

Iskoristit ćemo dva div:

• Prvi će prikazati naš tekst s vezom ... nakon što se klikne drugi div će biti prikazan
• Drugi div sadrži vezu. Ova veza omogućuje skrivanje dijela.

Koristit ćemo dvije JavaScript funkcije, CSS i XHTML.

U našem prvom odjeljku:

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

Stvorite drugi div. Ovaj odjeljak je skriven i prikazat će se samo kada kliknete na prvi:

XHTML
CSS
PHP
Cacher

Sada za CSS dio:

 # layer1 {
vidljivost: vidljiva;
pozicija: relativna;
}
# layer2 {
vidljivost: skrivena;
položaj: apsolutni;
} 

JavaScript:

 funkcija afficher () {
document.getElementById ('layer2'). style.visibility = 'vidljivo', document.getElementById ('layer2').
. Document.getElementById ( 'layer3') style.visibility = "skrivena;
}
funkcija fermer () {
document.getElementById ('layer2'). style.visibility = 'skriveno';
document.getElementById ('layer2'). style.position = 'absolutno';
. Document.getElementById ( 'layer3') style.visibility = 'vidljivi';
}