У меня есть страница AMP с кучей разделов контента.Я хотел бы отобразить их в виде усилителя-аккордеона только для мобильного просмотра.
Я выбрал следующий подход:
- помещение секций в элемент усилителя-аккордеона
- добавить атрибут "расширенный" для всех разделов
- использовать медиазапросы, чтобы скрыть заголовки разделов для просмотра на рабочем столе
Вышеуказанное позволяет странице выглядеть "нормально" на рабочем столе, т.е. когдастраница загружает все разделы, и вы не можете видеть, что они являются частью аккордеона.На мобильных устройствах заголовки разделов видны, что позволяет пользователю открывать или закрывать различные разделы.
Единственная проблема заключается в том, что в мобильном представлении мне бы хотелось, чтобы все разделы закрывались при загрузке страницы.Это поведение по умолчанию, и кажется, что оно контролируется добавлением или удалением атрибута «расширенный» для каждого раздела.К сожалению, вы не можете манипулировать атрибутами элементов с помощью CSS.Есть ли другой метод, который я мог бы использовать для этого?Я кратко посмотрел на amp-bind, но не вижу, что это также может быть вызвано размером носителя.