如何在JS里面控制ul标签的显示与隐藏？

在页面上我设置这个ul的状态为隐藏<ul style="display:none" id="ChildMenu1">
<li>子菜单</li>
<li>子菜单</li>
<li>子菜单</li></ul>
现在我要在一个按钮的点击事件中，如果这个ul状态为隐藏则让他显示如果为显示状态则隐藏他
用层可以实现这样的效果
我现在想学学用ul标签。。

解决方案 »

  1.   


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var display = false;
    function fn(){
    if(display){
       document.getElementById('ChildMenu1').style.display = "none";
       display = false;
     }
    else {
    document.getElementById('ChildMenu1').style.display = "";
        display = true;
    }
    }
    //-->
    </SCRIPT>
    <ul style="display:none" id="ChildMenu1">
    <li>子菜单 </li>
    <li>子菜单 </li>
    <li>子菜单 </li>
    </ul> 
    <input type="button" value="display&show" onclick="fn()"/>
      

  2.   

    不是一样的吗？？
    <html>
    <head>
        <title>子菜单 </title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head>
    <script language="javascript" >
    function change(){
     var obj=document.getElementById("ChildMenu1");
    if(obj.style.display=='none'){
    obj.style.display='block';
    }else{
    obj.style.display='none';
    }
    }</script>
    <body>
      <ul style="display:none" id="ChildMenu1">
    <li>子菜单 </li>
    <li>子菜单 </li>
    <li>子菜单 </li>
    </ul> 
    <input type="button" name="all" value="看看" onclick="change()"></input>
    </body>
      

  3.   

    一楼方法很好，支持了！
    java技术交流群100756746，希望大家加入，我们共同讨论，共同进步！
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var i = 1;
    function fn(){
        if(i == 1){
           document.getElementById('ChildMenu1').style.display = "none";
           i *= -1;
         }else{
            document.getElementById('ChildMenu1').style.display = "";
            i *= -1;
        }
    }
    //-->
    </SCRIPT>
    <ul style="display:none" id="ChildMenu1">
    <li>子菜单 </li>
    <li>子菜单 </li>
    <li>子菜单 </li>
    </ul> 
    <input type="button" value="display&show" onclick="fn()"/>