https://devo.jp/blog/wp-content/plugins/follow-banner/public/banner.js?ver=7.1.2

1document.addEventListener("DOMContentLoaded", function () {
2
3    const banner = document.getElementById("follow-banner");
4    if (!banner) return;
5
6    const closeBtn = banner.querySelector(".fb-close");
7
8    let closed = false;
9    let shown = false;
10
11    // スクロールで表示
12    window.addEventListener("scroll", () => {
13        if (!shown && window.scrollY > 500) {
14            banner.classList.add("show");
15            shown = true;
16        }
17    });
18
19    // 閉じる（タブ化アニメ）
20    closeBtn.addEventListener("click", function (e) {
21        e.stopPropagation();
22
23        banner.classList.add("closing");
24
25        setTimeout(() => {
26            banner.classList.remove("closing");
27            banner.classList.add("closed");
28            closed = true;
29        }, 400); // CSS と同じ時間に
30    });
31
32    // タブクリック → 再展開
33    banner.addEventListener("click", function () {
34        if (closed) {
35            closed = false;
36            banner.classList.remove("closed");
37            banner.classList.add("show");
38        }
39    });
40
41});