Создать блок с функцией «спойлер» на DataLife Engine

[Андрей Щ. 0]

Для того чтобы создать блок с функцией «спойлер» на DataLife Engine, нужно использовать HTML и JavaScript. Вот пример кода для реализации такого функционала.


<div class="spoiler">
    <h3 onclick="toggleSpoiler(this)">Нажмите, чтобы открыть спойлер</h3>
    <div class="spoiler-content" style="display: none;">
        Здесь находится скрытое содержимое спойлера.
    </div>
</div>

<style>
    .spoiler h3 {
        cursor: pointer;
        color: blue;
        text-decoration: underline;
    }
    .spoiler-content {
        padding: 10px;
        border: 1px solid #ccc;
        margin-top: 5px;
    }
</style>

<script>
    function toggleSpoiler(element) {
        var content = element.nextElementSibling;
        if (content.style.display === "none") {
            content.style.display = "block"; // Показывает спойлер
        } else {
            content.style.display = "none"; // Скрывает спойлер
        }
    }
</script>

В данном коде мы создаем заголовок, по которому можно кликнуть, чтобы открыть или закрыть содержание спойлера. Стиль применяется для улучшения внешнего вида. Просто добавьте этот код в вашу html-страницу, где хотите видеть спойлер.