👩‍💻 Нативный раскрывающийся блок с контентом без JavaScript!

Теги и позволяют создавать интерактивные блоки, содержимое которых пользователь может раскрывать и скрывать прямо средствами HTML.

Каждый из тегов выполняет свою роль:

• — содержит скрываемый и раскрываемый контент;
• — задаёт видимый заголовок, по которому можно кликнуть для переключения состояния блока.

По умолчанию содержимое скрыто. Если добавить атрибут open, блок будет изначально раскрыт. Такая конструкция отлично подходит для FAQ, дополнительной информации, настроек, примечаний и других элементов интерфейса, которые не нужно постоянно держать на экране.

При этом базовое раскрытие и сворачивание работает без единой строки JS.

📣 Code Ready | #атрибут