学了js2年了，感觉技术一直停滞不前，有没有什么好的办法？

以下是一个很简单是点击显示，再点击隐藏的效果功能

class Fn {
    constructor() {
        this.slide = false;
    }
    click(fn) {
        if (typeof fn === 'function') {
            fn.call(this)
        }
    }
}
let slide = new Fn();
menu.addEventListener('click',(e)=> {
    slide.click(function(){
        if (this.slide) {
            dom.className = dom.className.split(' ')[0];
            bg.style.display = 'none';
            this.slide = false;
        } else {
            dom.className = dom.className + ' cActive';
            bg.style.display = 'block';
            this.slide = true;
        }
    });
})
bg.addEventListener('click',()=> {
    slide.click(function(){
        dom.className = dom.className.split(' ')[0];
        bg.style.display = 'none';
        this.slide = false;
    })
})

就是这样，感觉代码很死，很繁琐。有无兄弟有更优雅~~~~的代码？