Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam assumenda autem consequuntur, corporis cum deleniti excepturi illum labore magnam magni nemo nesciunt, quo recusandae repudiandae sequi similique sit suscipit?
HTML
<a class="btn" href="#spoiler-example-1" data-spoiler>Показать/Скрыть</a>
<div class="spoiler p-20 mt-20 bg-purple-50 text-purple-200 rad-2" id="spoiler-example-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam assumenda autem consequuntur, corporis cum deleniti excepturi illum labore magnam magni nemo nesciunt, quo recusandae repudiandae sequi similique sit suscipit?</div>
Вы можете управлять скрытием и открытием по отдельности
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam assumenda autem consequuntur, corporis cum deleniti excepturi illum labore magnam magni nemo nesciunt, quo recusandae repudiandae sequi similique sit suscipit?
HTML
<a class="btn" href="#spoiler-example-2" data-spoiler-show>Показать</a>
<a class="btn" href="#spoiler-example-2" data-spoiler-hide>Скрыть</a>
<div class="spoiler p-20 mt-20 bg-deep-purple-50 text-deep-purple-200 rad-2" id="spoiler-example-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam assumenda autem consequuntur, corporis cum deleniti excepturi illum labore magnam magni nemo nesciunt, quo recusandae repudiandae sequi similique sit suscipit?</div>
Помимо всего прочего, Вы можете управлять содержимым спойлера через javascript и таким образом кастомизировать спойлеры
В состав компонента входит "аккордеон", который работает аналогично спойлеру, только при открытии одного элемента, закрываются все другие