Створіть спойлер у Javascript, CSS і XHTML

Створіть спойлер (ефект показу / приховання) в Javascript, CSS і XHTML

Нижче наведено невеликий скрипт, який створює певний спойлер у Javascript, що дозволяє відображати або приховувати div після натискання.

Ми будемо використовувати два div:

Перший буде показувати наш текст з посиланням ... при натисканні другого div повинно бути показано
Другий div містить посилання. Це посилання дозволяє приховати div.

Ми будемо використовувати дві функції JavaScript, CSS і XHTML, звичайно.

У нашому першому розділі:

Платає на розробку Веб-сайт: Afficher les langages

Створіть другий div. Цей розділ приховано та відображатиметься лише після натискання першого:

XHTML

Cacher

Тепер для частини CSS:

 # layer1 {
видимість: видима;
позиція: відносна;
}
# layer2 {
видимість: прихована;
позиція: абсолютна;
}

JavaScript:

 function afficher () {
document.getElementById ('layer2'). style.position = 'relative'; document.getElementById ('layer2').
document.getElementById ('layer3'). style.visibility = 'hidden';
}
function fermer () {
document.getElementById ('layer2'). style.visibility = 'hidden';
document.getElementById ('layer2'). style.position = 'абсолютний';
style.visibility = 'visible'; document.getElementById ('layer3').
}