https://primo-color.jp/wp-content/themes/SumahoDeHoken/js/top.js?ver=1.0.8

1
2document.addEventListener("DOMContentLoaded", () => {
3  const termTabs = document.querySelectorAll(".compare-term-tab");
4  const linkTabs = document.querySelectorAll(".compare-links-tab");
5
6  termTabs.forEach(tab => {
7    tab.addEventListener("click", () => {
8      const termId = tab.dataset.termId;
9
10      // すべての active を解除
11      termTabs.forEach(t => t.classList.remove("active"));
12      linkTabs.forEach(c => c.classList.remove("active"));
13
14      // クリックされたタブを有効化
15      tab.classList.add("active");
16
17      // 対応するコンテンツを有効化
18      const target = document.querySelector(
19        `.compare-links-tab[data-term-id="${termId}"]`
20      );
21      if (target) {
22        target.classList.add("active");
23      }
24    });
25  });
26});