Спойлер прячет часть текста под активную кнопку, экономя место на странице. Прежде, создание спойлеров на веб-странице было технически сложным делом. Теперь же достаточно обернуть текст, подлежащий скрытию в теги <details> и </details>. Если требуется изначально открытый текст, нужно в открывающий тег добавить атрибут open - <details open>. Данный прием годится для работы в конструкторах, не имеющих собственного инструментария спойлеров.
Я обнаружил этот замечательный инструмент, когда работал с сайтом коллеги, участвующей в конкурсе Учитель года. Сайт был на блоггере. На страницах и в сообщениях блоггера есть возможность вставить спойлер Дальше, но он работает не совсем так, как надо - обрезает весь следующий текст. Я же хотел сделать на странице нечто вроде оглавления, пункты которого при необходимости открывают подробности. Та самая страница.
Комментариев нет:
Отправить комментарий