Урок 26 · HTML

Спрятанный ответ на details

Длинный ответ, схема проезда или пример кода не обязаны занимать экран сразу.

Почему это следующий шаг

Выбор в форме уже умещается на странице. Длинные пояснения можно свернуть штатным тегом.

Как сделать

Тег details прячет содержимое. summary — это видимая строка, по которой открывают блок. Внутрь клади абзац, список или картинку. Атрибут open оставляет блок раскрытым с первой загрузки. Для вопроса и ответа на странице этого достаточно, отдельный скрипт не нужен.

<details>
  <summary>Как добраться</summary>
  <p>Третий этаж, прямо от лифта.</p>
</details>

Что проверить

• До клика видна только строка summary.
• После клика текст появляется без перезагрузки.
• На странице можно открыть два таких блока сразу.