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

Question

我正在使用附加到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++
}

Answer 1

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

像这样：http://jsfiddle.net/kboucher/nrAPu/