Проверяет знание HTML-элемента <details> и его дочерних тегов для создания аккордеона без JavaScript.
,
Элемент
,
<details>
<summary>Нажми, чтобы узнать больше</summary>
<p>Это скрытый текст, который появляется при клике.</p>
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ul>
</details>Чтобы аккордеон был развёрнут изначально, добавьте атрибут open к
<details open>
<summary>Уже открыто</summary>
<p>Этот блок виден сразу.</p>
</details>Используйте
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию