javascript - Javascript显示隐藏

我想表演并隐藏我的部分。

目前正在工作。

但是我希望我的部分在您进入站点时被隐藏，然后在单击时将显示。现在，情况正好相反。

我该如何解决？

 document.querySelector("#about").addEventListener("click", function   (event) {
    event.preventDefault();
}, false);

function showAbout() {
    var myAbout = document.getElementById('about');
    if (myAbout.style.display === 'none') {
        myAbout.style.display = 'block';
    }
    else {
        myAbout.style.display = 'none';
    }
}

最佳答案

将初始化程序包装在IIFE中，或通过默认CSS类将display: none添加到元素中。

var myAbout = document.getElementById('about');

function showAbout() {
    if (myAbout.style.display === 'none') {
        return myAbout.style.display = 'block';
    }
    return myAbout.style.display = 'none';
}

// Init
(function(){
    myAbout.style.display = 'none';
})();