我有一个移动菜单设置，几乎是，除了它似乎是自动功能，而不是'onclick'来切换功能。我是不是漏掉了什么？我以前也这样做过，基本上也是这样做的，所以我有点困惑哪里出错了。

    <div class="mainNav">
    <div class="nav-container">
        <a href="index.html"><img class="logo" src="images/logo.png" width="120px">
        </a>
        <nav>
            <ul id="MenuItems">
                <li><a href="about.html">About</a></li>
                <li><a href="#work">Work</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
        <div class="mobile-menu">
            <button class="menu-icon" onclick="menutoggle()">
                Menu
            </button>
        </div>
    </div>
    </div>

<script>
    var MenuItems = document.getElementById("MenuItems");

    MenuItems.style.maxHeight = "Opx";

    function menutoggle(){
        if(MenuItems.style.maxHeight == "0px")
        {
            MenuItems.style.maxHeight = "200px";
        }
        else
        {
            MenuItems.style.maxHeight = "0px";
        }
    }
</script>

顺晟科技：