Opret en spoiler i Javascript, CSS og XHTML

Opret en spoiler (show / hide effect) i Javascript, CSS og XHTML

Herunder er et lille script, der skaber en slags spoiler i Javascript, så du kan vise eller skjule et div på klik.

Vi vil gøre brug af to div:

• Den første vil vise vores tekst med et link ... ved at klikke på et sekund vil div blive vist
• Den anden div indeholder et link. Dette link giver dig mulighed for at skjule div.

Vi bruger selvfølgelig to JavaScript-funktioner, CSS og XHTML.

I vores første div:

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

Opret den anden div. Denne div er skjult og vises kun ved at klikke på den første:

XHTML
CSS
PHP
cacher

Nu for CSS-delen:

 # layer1 {
synlighed: synlig
stilling: relativ;
}
# layer2 {
synlighed: skjult;
position: absolut;
} 

JavaScript:

 funktion plakat () {
document.getElementById ('layer2'). style.visibility = 'synlig'; document.getElementById ('layer2'). style.position = 'relative';
. Document.getElementById ( 'Layer3') style.visibility = 'skjult';
}
funktion fermer () {
document.getElementById ('layer2'). style.visibility = 'hidden';
document.getElementById ('layer2'). style.position = 'absolut';
. Document.getElementById (Layer3 ') style.visibility = 'synlige';
}