Тег <details> давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загв... — 17 июня 2026 г. в 14:31:00.832
Тег <details> давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загвоздка оставалась: несколько блоков жили независимо — открыли один, соседние не реагируют. Эксклюзивный аккордеон, где раскрыт ровно один раздел, собирали на JS. Теперь это закрывает атрибут name: даёте блокам общее имя — и браузер сам следит, чтобы открытым был только один. Без скриптов и библиотек. Интереснее — что вокруг. Стандартный маркер-треугольник меняется на свой, а гладкая анимация высоты требует пары трюков. В статье — интерактивный FAQ, который можно потрогать в браузере, разбор стилизации и честные оговорки про анимацию и поддержку (Chrome 120+, Firefox 130+, Safari 17.2+). #html #css 🎈 Читать статью
183 просмотров