用Javascript如何实现显示隐藏菜单

Question

在点击一个菜单后,如何隐藏另一个菜单
我用如下代码,请各位帮我改进一下,谢谢
function menu_tree(meval){
    var left_n=eval(meval);
    if (left_n.style.display=='none')
    {
       eval(meval+".style.display='';"); 
    }
    else
    {
       eval(meval+".style.display='none';"); 
    }
}

Answer 1

function   menu_tree(){ 
        var   left_n=document.getElementById('xx').style.display; 
        if   (left_n=='none') 
        { 
              left_n='';   
        } 
        else 
        { 
              left_n='none';  
        } 
}
===========
<div id="xx" style="display:none">
菜单
</div>

Answer 2

var obj=document.getElementById("xx");
obj.style.display=(obj.style.display==""?"none":"");

Answer 3

现在的问题是,我不知道div的ID,如何获得div的ID呢?我将div的id设置成了一个动态的,根本不清楚DIV的ID,有可能id=div1,也有可能div=div6。

Answer 4

因为具体的问题不是很详细，这里提供一个思路temp1 = document.getElementById("body");
temp2 = temp1.getElementsByTagName("div");然后用 temp2.item(x) 来获得你想要的div
最后建议显示/隐藏div使用 style.visibility = "visible"; 和 style.visibility = "hidden"; 来实现，这种兼容更好些。