html - 显示列表为折叠

Question

我创建了一个列表并希望将其显示为折叠状态，在单击列表项后它应该会展开。我已经创建了演示 here .我正在使用以下 javascript 方法:

function toggle(id){
    var e = document.getElementById(id);
    if (e.style.display == '') {
        e.style.display = 'none'; 
    } else {
        e.style.display = '';
    }
}

我有以下问题:

1. 使用此代码展开/折叠不会在 jsFiddle 中发生，因为相同的代码在 html 中可以正常工作。
2. 默认情况下，列表应显示为折叠状态。

有什么想法吗？

Answer 1

向 span 元素添加了 style="display:none"以使列表在默认情况下折叠并且在 fiddle 选项中不在 body 中换行。 http://jsfiddle.net/UDKLK/9/

<span id="objDetails" style="display:none">