Hozzon létre spoileret a Javascript, CSS és XHTML fájlokban

Hozzon létre egy spoilert (effekt megjelenítése / elrejtése) a Javascript-ben, a CSS-ben és az XHTML-ben

Az alábbiakban egy kis szkript hozhat létre valamilyen spoilert a Javascript-ben, ami lehetővé teszi, hogy megjelenjen vagy elrejtse a div-ot kattintás után.

Két div:

Az első megjeleníti a szöveget egy hivatkozással ... a második osztás megjelenésekor
A második div linket tartalmaz. Ez a link lehetővé teszi, hogy elrejtse a div.

Két JavaScript függvényt fogunk használni, természetesen a CSS és az XHTML.

Az első div:

Plusieurs langages de développement Web létezik: Afficher les langages

Hozza létre a második div. Ez a div rejtett, és csak az elsőre kattintva jelenik meg:

XHTML

cacher

Most a CSS részhez:

 # 1. réteg {
láthatóság: látható;
pozíció: relatív;
}
# layer2 {
láthatóság: rejtett;
pozíció: abszolút;
}

A JavaScript:

 függvény () {
document.getElementById ('layer2'). style.visibility = 'látható'; document.getElementById ('layer2'). style.position = 'relatív';
document.getElementById ( 'Layer3'). style.visibility = 'rejtett';
}
fermer funkció () {
document.getElementById ('layer2'). style.visibility = 'rejtett';
document.getElementById ('layer2'). style.position = 'abszolút';
document.getElementById ( 'Layer3'). style.visibility = 'látható';
}