jQuery(document).ready(function($) {
    // タブの切り替え処理
    function openTab(evt, tabName) {
        var i, tabcontent, tablinks;

        // すべてのタブコンテンツを非表示にする
        tabcontent = document.getElementsByClassName("tab-content");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }

        // すべてのタブリンクから "active" クラスを削除する
        tablinks = document.getElementsByClassName("tab-link");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }

        // 選択されたタブを表示し、タブリンクに "active" クラスを追加する
        var tab = document.getElementById(tabName);
        if (tab) {
            tab.style.display = "block";
        }
        if (evt.currentTarget) {
            evt.currentTarget.className += " active";
        }
    }

    // 初期設定として、最初のタブを表示する
    var tabContents = document.getElementsByClassName("tab-content");
    var tabLinks = document.getElementsByClassName("tab-link");

    if (tabContents.length > 0) {
        tabContents[0].style.display = "block";
    }
    if (tabLinks.length > 0) {
        tabLinks[0].className += " active";
    }

    // イベントリスナーの設定
    $('.tab-link').on('click', function(event) {
        var tabName = $(this).attr('onclick').match(/'(.*)'/)[1];
        openTab(event, tabName);
    });
});