Спойлер

Функционал компонента «Спойлер» заключается в двух атрибутах.

cr-spoiler-container — элемент с этим атрибутом будет скрываться или показываться.

cr-spoiler-toggle — элемент с этим атрибутом по клику скрывает или показывает элемент с атрибутом cr-spoiler-container.

И cr-spoiler-container и cr-spoiler-toggle в зависимости от состояния будут иметь класс is-expanded или is-collapsed.

Верстка компонента при этом может быть произвольной. Элемент с атрибутами, указанными выше, могут располагаться в любом месте.

Вы можете сделать даже несколько элементов с атрибутом cr-spoiler-container и несколько с атрибутом cr-spoiler-toggle, и все будет работать.