div显示隐藏问题急急急，，

弄了个 列表，<ul>
<li class="mainlevel" onclick="click1('1')"><a href="#">流平增光剂</a></li>
<div class="child_menu" id="1">
<ul>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
</ul>
</div>
                   <ul>
.child_menu{margin-left:50px;}
.child_menu li{line-height:23px; height:23px;}<script type="text/javascript">
function click1(name){
var ch=document.getElementById(name);
if(ch.style.display == "")
ch.style.display="none";
else ch.style.display="";
}
</script>这么写可以实现DIV的隐藏和显示，但是我需要的是，默认值是不显示 child的，但是，我将 .child_menu{margin-left:50px;dispaly:none;}之后，就不能实现DIV的隐藏和显示了，求解决办法。
还有就是，我给mainlevel 加的背景，为什么在IE6里面不显示呢？？？在狐火中，div是在li的下面的，是不是IE6中，在li的右边呢？？？急急急，，

解决方案 »

  1.   

    id 不要以数字开头命名
    楼主 把你完整的html贴出来。
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    .child_menu {
    margin-left:50px;
    display:none;
    }
    .child_menu li {
    line-height:23px;
    height:23px;
    }
    </style>
    </head><body>
    <ul>
      <li class="mainlevel" onclick="click1('div1')"><a href="#">流平增光剂</a></li>
      <div class="child_menu" id="div1">
        <ul>
          <li>流平增光剂</li>
          <li>流平增光剂</li>
          <li>流平增光剂</li>
          <li>流平增光剂</li>
          <li>流平增光剂</li>
        </ul>
      </div>
    </ul>
    <script type="text/javascript">
    function click1(name) {
    var ch = document.getElementById(name);

    //CSS设置了display = ‘none'时，通过JS获取的style.display值并不是none，而是空值
    if(ch.style.display != '' && ch.style.display != 'none') ch.style.display = "none";
    else ch.style.display = "block";
    }
    </script>
    </body>
    </html>
      

  3.   

    用数字开头没有问题,但不符合命名规范.
    function click1(name){
    var ch=document.getElementById(name);
    if(ch.style.display == "block")
    ch.style.display="none";
    else 
    ch.style.display="block";
    }
    再来个Jquery版本function JqueryClick(name)
    {
    var obj=document.getElementById(name);
    if($(obj).css("display")=="block"){
     $(obj).css("display","none");
    }
    else{
      $(obj).css("display","block");
    }
    }