# blockenberg/2.0.7/blocks/how-it-works/frontend.js

Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor, version 2.0.7. 27 lines.

- Page: https://pluginprobe.com/plugins/blockenberg/2.0.7/code/blocks/how-it-works/frontend.js
- Raw: https://pluginprobe.com/plugins/blockenberg/2.0.7/raw/blocks/how-it-works/frontend.js
- Modified: 2026-03-06T12:32:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/blockenberg/2.0.7/code/blocks/how-it-works/frontend.js#L10-L20`.

```javascript
(function () {
    'use strict';

    document.querySelectorAll('.bkbg-hiw-wrapper').forEach(function (wrap) {
        var steps = wrap.querySelectorAll('.bkbg-hiw-anim');
        if (!steps.length) return;

        var observer = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    var el = entry.target;
                    var delay = parseFloat(el.getAttribute('data-delay') || 0);
                    setTimeout(function () {
                        el.classList.add('bkbg-hiw-visible');
                    }, delay);
                    observer.unobserve(el);
                }
            });
        }, { threshold: 0.15 });

        steps.forEach(function (step, i) {
            step.setAttribute('data-delay', i * 120);
            observer.observe(step);
        });
    });
})();

```