javascript - Div 可见性切换不起作用

Question

我正在使用 html 和 css 制作一个树结构。 这是我应该达到的最终结构:http://jsfiddle.net/yrE7N/1/

我需要的是，点击一个节点，它的子节点就会出现。

到目前为止，我已经这样做了:

JS fiddle :http://jsfiddle.net/ZTkLg/11/

我用过这个JS函数

var _hidediv = null;
    function showdiv(id) {
    if(_hidediv)
        _hidediv();
    var div = document.getElementById(id);
    div.style.display = 'block';
    _hidediv = function () { div.style.display = 'none'; };
}

问题是，JS 函数似乎没有切换 div stage-two 的可见性。

我之前在此页面上使用过此功能:http://leonardorestaurant.in/menu它有效，但在这种情况下我无法解决问题。

Answer 1

尝试

<a href=# onclick="showdiv('two');">Some text here</a>

和

var flag = true;
function showdiv(id) {
    var div = document.getElementById(id);
    div.style.display = flag ? 'none' : 'block';
    flag = !flag;
}

演示:Fiddle