Направите спојлер у Јавасцрипту, ЦСС-у и КСХТМЛ-у

Направите спојлер (ефекат приказивања / сакривања) у Јавасцрипту, ЦСС-у и КСХТМЛ-у

У наставку је мала скрипта која ствара неку врсту споилера у Јавасцрипту, омогућујући вам да прикажете или сакријете див након клика.

Користићемо два див:

• Први ће приказати наш текст са линком ... када се кликне на други див ће бити приказан
• Други див садржи везу. Ова веза вам омогућава да сакријете див.

Користићемо две ЈаваСцрипт функције, ЦСС и КСХТМЛ.

У нашем првом диву:

Плусиеурс лангагес де девелоппемент Веб обстаја: Аффицхер лес лангагес

Направите други див. Овај див је скривен и биће приказан само када кликнете на први:

КСХТМЛ
ЦСС
ПХП
Цацхер

Сада за ЦСС део:

 # лаиер1 {
видљивост: видљива;
позиција: релативна;
}
# лаиер2 {
видљивост: скривена;
позиција: апсолутна;
} 

ЈаваСцрипт:

 фунцтион аффицхер () {
доцумент.гетЕлементБиИд ('лаиер2'). стиле.висибилити = 'висибле'; доцумент.гетЕлементБиИд ('лаиер2'). стиле.поситион = 'релативе';
доцумент.гетЕлементБиИд ('лаиер3'). стиле.висибилити = 'хидден';
}
фунцтион фермер () {
доцумент.гетЕлементБиИд ('лаиер2'). стиле.висибилити = 'хидден';
доцумент.гетЕлементБиИд ('лаиер2'). стиле.поситион = 'абсолутно';
доцумент.гетЕлементБиИд ('лаиер3'). стиле.висибилити = 'видно';
}