ul的隐藏与显示，如何根据id显示ul？

<script> function isshow(e){
if(document.getElementById(e).getElementsByTagName("li")[0].style.display==null)
document.getElementById(e).getElementsByTagName("li")[0].style.display="block"
if(document.getElementById(e).getElementsByTagName("li")[0].style.display=="block")
{
for(var i=0;i< document.getElementById(e).getElementsByTagName("li").length;i++)
   {document.getElementById(e).getElementsByTagName("li")[i].style.display="none"
  
   }
}
else
{
for(var i=0;i< document.getElementById(e).getElementsByTagName("li").length;i++)
   {document.getElementById(e).getElementsByTagName("li")[i].style.display="block"}
} }
</script>
<body>
li的隐藏与显示，如何根据id显示ul？
如何设置ul默认是隐藏
        <div id="PARENT" style="background-color:#999999; color:#CC0000">
            <ul id="nav">
                <li >XXX
                  <ul id="a1" span onclick="isshow('a1')" style="cursor:pointer; " >123
                        <li  >
                            <a href="../customer.aspx" target="frmright" >人事資料</a></li>
                        <li>
                            <a href="../addcourse.aspx" target="frmright">主管架構</a></li>
                        <li>
                            <a href="../addcourse.aspx" target="frmright">部門資料</a></li>
                        <li>
                            <a href="../addcourse.aspx" target="frmright">部門歸類</a></li>
                    </ul>

                    
              
                    <ul id="a2"  onclick="isshow('a2')" style="cursor:pointer">234
                        <li >
                            <a href="../course.aspx" target="frmright">培訓導師</a></li>
                        <li>
                            <a href="../course.aspx" target="frmright">培訓場地</a></li>
                        <li>
                            <a href="../course.aspx" target="frmright">培訓檔案</a></li>
                        
                    </ul>
                </li>
                
            </ul>
        </div>
        </body>
是这样的效果吗????
如何设置ul默认是隐藏   style="display:none" 你需要隐藏的标签加上这个就可以了
Request.QueryString 这个不是js的写法噢   asp的吧  参数在除法事件的函数里面加噢 <ul id="a1" span onclick="isshow('a1')" style="cursor:pointer; " >

解决方案 »

  1.   

    <body>
    li的隐藏与显示，如何根据id显示ul？
    如何设置ul默认是隐藏
    <style>
    #nav ul{display:none;}/*默认隐藏id="nav"下的ul*/
    </style>
            <div id="PARENT" style="background-color:#999999; color:#CC0000">
                <ul id="nav">
                    <li>
                        
                        <ul id="a1">
                            <li>
                                <a href="../customer.aspx" target="frmright" >人事資料</a></li>
                            <li>
                                <a href="../addcourse.aspx" target="frmright">主管架構</a></li>
                            <li>
                                <a href="../addcourse.aspx" target="frmright">部門資料</a></li>
                            <li>
                                <a href="../addcourse.aspx" target="frmright">部門歸類</a></li>
                        </ul>
                        
                        
                        <ul id="a2">
                            <li>
                                <a href="../course.aspx" target="frmright">培訓導師</a></li>
                            <li>
                                <a href="../course.aspx" target="frmright">培訓場地</a></li>
                            <li>
                                <a href="../course.aspx" target="frmright">培訓檔案</a></li>
                            
                        </ul>
                    </li>
                    
                </ul>
            </div>
            </body><script type="text/javascript"><!--
    if ( '<%=Request.QueryString("menu")%>'=="1")//=================使用<%%>来动态获取传递的参数
    {
    document.getElementByI('a1').style.display="block";
    }
    if ( '<%=Request.QueryString("menu")%>'=="2")//
    {
    document.getElementByI('a2').style.display="block";
    }--></script>