【JavaScript】 jqueryを使用せずに開閉ボタンを設置する

(()=>{
    const OPCL_CLASS = "opcl_button";
    const TARGET_ATTR = "data-target-class";
    const FLG_CLASS = "opcl_closed";
    const FLG_INITIAL_OPENCLASS = "opcl_opend";
    const TARGET_CLASS = "opcl_content"

    const apError = m => {throw new Error("opcl:" + m);}

         //  targetCtrlの作成・リスト化
    const targetList = {
        list:{},
        add( className , element){
                // spanタグから開閉エリアのclass取得
            if( !element.hasAttribute(TARGET_ATTR) )
            apError(TARGET_ATTR + " not found");

            const className = element.getAttribute(TARGET_ATTR);
            if( !(className in this.list) ){
                    // listにclassNameが登録されていない
                    //    →targetCtrlを作成してlistに登録
                this.list[className]=new targetCtrl(className);
            }
            const tg = this.list[className];
            tg.addElement( element );

                // クリックイベント登録
            element.addEventListener("click",()=>tg.toggle(element));
        }
    };

        //  同じクラスを持つ開閉ボタン・開閉対象エリア
        //  を管理するオブジェクトを作成するコンストラクタ
    const targetCtrl = function (className ) {
        this.targets = document.getElementsByClassName(className);
            //  開閉対象エリアにopcl_content
            //  とopcl_closedをセット
        this.targetEach( tg => {
                tg.classList.add(TARGET_CLASS);
                tg.classList.add(FLG_CLASS);
        } );

        this.element=[];
        this.initialOpen = false; // opcl_opendクラスが出現したらtrue
    };
    targetCtrl.prototype={
            //  開閉ボタンを追加
        addElement( element ){
            this.element.push( element );
            if( this.initialOpen === false
                && element.classList.contains(FLG_INITIAL_OPENCLASS) ){
                    //  elementにopcl_opendクラスが付加されていた
                this.initialOpen = true;
                this.changeClass( false );
            }
            if( !this.initialOpen ) element.classList.add(FLG_CLASS);
        },
            //  getElementsByClassNameで取得した
            //  オブジェクトを列挙するための小細工
        targetEach( callBack ){
            for(let i = 0; i < this.targets.length ; i++){
                callBack( this.targets[i] );
            }
        },
            //  開閉状態を入れ替え
        toggle( element ){
            this.changeClass( !element.classList.contains(FLG_CLASS) );
        },
            //  開閉処理
        changeClass( closeFlg  ){
            const func = ( closeFlg ) ? this.funcs.tgAdd : this.funcs.tgRemove;
                this.targetEach( func );
                this.element.forEach( func )
        },
        funcs:{
            tgAdd: tg => tg.classList.add(FLG_CLASS),
            tgRemove: tg => tg.classList.remove(FLG_CLASS),
        }
    };

    window.addEventListener("DOMContentLoaded",()=> {
        const element = document.getElementsByClassName(OPCL_CLASS);
        for(let i = 0; i < element.length ; i++){
            targetList.add( element[i] );
        }
    });
})();