Javascript 可折叠菜单在页面加载时始终打开

我正在使用下面附在HTML菜单上的脚本，但它在页面上完全打开。 单击标题时，整个菜单树将折叠，并按预期打开

有人能告诉我这里有什么问题吗

function toggleMenu(objID) {
    if (!document.getElementById) return;
    var i = 1;
    while (document.getElementById('menu' + i)) {
        var ob = document.getElementById('menu' + i).nextSibling;
        ob = ob.style ? ob.style : ob.nextSibling.style;
        if (objID == 'menu' + i) ob.display = (ob.display == 'block') ? 'none' : 'block';
        else ob.display = 'none';
        i++;
    }
}
var i = 1;
while (document.getElementById('menu' + i)) {
    document.getElementById('menu' + i).onclick = new Function("toggleMenu('menu" + i + "')");
    i++
}

---

您可以使用非JavaScript解决方案吗

---

像这样：

您可以使用非JavaScript解决方案吗

---

如下所示：

请对代码使用正确的格式：将其放入代码块并缩进。您也可以为我们展示菜单的HTML和CSS吗？菜单可能未设置为显示：开始时无？请对代码使用正确的格式：将其放入代码块并缩进。您也可以为我们显示菜单的HTML和CSS吗？菜单可能未设置为显示：开始时无？