Svelte — конструкция toggle

Admin Svelte

Пример toggle на svelte.

Создаем переменную active:

<script>
    let active = true;
</script>

Добавляем конструкцию class:active={active} в то место, которое хотим изменять:

<div
   class="другие классы"
   class:active="{active}"
>
Скрытый текст
</div>

Добавляем стиль:

<style lang="scss">
.active {
    display: none;
}
</style>

Кстати, на сайте нет рекламы. У сайта нет цели самоокупаться, но если вам пригодилась информация можете задонатить мне на чашечку кофе в макдаке. Лайкнуть страницу или просто поблагодарить. Карма вам зачтется.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Svelte — конструкция toggle"