当前位置: 代码迷 >> JavaScript >> div显示隐藏有关问题急
  详细解决方案

div显示隐藏有关问题急

热度:112   发布时间:2012-05-16 23:40:10.0
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的右边呢???急急急,,


------解决方案--------------------
用数字开头没有问题,但不符合命名规范.
JScript code

function click1(name){
var ch=document.getElementById(name);
if(ch.style.display == "block")
ch.style.display="none";
else 
ch.style.display="block";
} 
  相关解决方案