Як зробити спойлер си

Як створити спойлер HTML?

В HTML5 для створення спойлерів або інформації, яку не слід відразу показувати, використовується елемент <details>, всередині якого розташовується заголовок <summary>. У вихідному вигляді відображається лише заголовок, по клацанню на який розкривається та закривається вміст <details> (рис. 1).

Як зробити невидимий текст у CSS?

Є кілька варіантів реалізації приховування тексту:

  1. Просто обернути текст в блоці в span і приховати його.
  2. Встановити елемент font-size: 0 . …
  3. Встановити text-indent: -9999px (або -999em); або text-indent: -999em;