切换按钮在第二次单击时切换

Question

我正在努力创建一个切换按钮。我想要一个打开侧栏的脚本，移动logo("page-header")和container("main")。

我写了这个脚本，它在页面加载后第一次点击时不起作用。第一次点击后，它工作正常。我不明白为什么它会以这种方式行事。

有人可以给我一个提示，了解发生了什么事吗？我需要在纯javascript（没有jquery）中实现这个切换按钮。

var sidebar = false;
function toggle() {
    if (!sidebar) {
        sidebar = true;
        document.getElementById("mySidenav").style.width = "250px";
        document.getElementById("main").style.marginLeft = "250px";
        document.getElementByClass("page-header").style.marginLeft = "250px";
        return;
    }
    else if (sidebar) {
        sidebar = false;
        document.getElementById("mySidenav").style.width = "0";
        document.getElementById("main").style.marginLeft = "0";
        document.getElementByClass("page-header").style.marginLeft = "0";
    }
}