<!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=gb2312" />
<title>伸缩式菜单^^^^^小强、、、制作;小骞、、、整理;QQ:63226722、273566966</title>
<style type="text/css">
<!--
.aaa {
height: 0px;
overflow: hidden;
line-height: 20px;
padding-left: 18px;
border-left-width: 1px;
border-left-style: dotted;
margin-left: 10px;
border-left-color: #CCCCCC;
}
.bbb {
cursor: default;
float: left;
color: #468521;
}
-->
</style>
<script language="javascript">
function a(na,mh,t){
if(document.getElementById(na).style.height=='100%'){
a2=mh;
t.innerHTML='<img src="2.jpg">';
c(na,mh);return;
}
else{
a1=0;
t.innerHTML='<img src="1.jpg">';
b(na,mh);return;
}
}
function b(na,mh){
if(a1<mh){
document.getElementById(na).style.height=a1+'px';
}else{
clearTimeout(t);
document.getElementById(na).style.height=mh+'px';
document.getElementById(na).style.height='100%';
return 0;
}
a1+=5;
t=setTimeout("b('"+na+"',"+mh+")",1);
}
function c(na,mh){
if(a2>20){
document.getElementById(na).style.height=a2+'px';
}else{
clearTimeout(t);
document.getElementById(na).style.height='0px';
return 0;
}
a2-=10;
t=setTimeout("c('"+na+"',"+mh+")",1);
}
</script>
</head><body>
<div onclick="a('aa',80,this);" class="bbb"><img src="2.jpg"></div>产地
<div id="aa" class="aaa">
中国<br />
英国<br />
美国<br />
韩国<br />
</div>               <div onclick="a('aaa1',80,this);" class="bbb">+</div>编辑语言
<div id="aaa1" class="aaa">
C++<br />
VB<br />
Asp<br />
PHP<br />
</div></body>
</html>   
我想要实现的结果是默认状态下,两个层都关闭,然后当当点击一个标题的时候另外一个标题下面的层关闭。也就是说只要点击的话,只是显示点击标题的那个层的内容。,这段js要怎么改啊

解决方案 »

  1.   

    并且这段代码和<!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">
    有很大的关系,如果把上面那个删除的话,代码就不起作用了,是怎么回事
      

  2.   

    改一个方法就OK了function a(na,mh,t){
    for(var i=0;(e=document.getElementsByTagName("div")[i]);i++){
    if(e.className=="aaa"){
    a2=mh;
                    t.innerHTML='<img src="2.jpg">';
    c(e.id,mh);
    }
    }

            if(document.getElementById(na).style.height=='100%'){
                a2=mh;
                t.innerHTML='<img src="2.jpg">';
                c(na,mh);return;
            }
            else{
                a1=0;
                t.innerHTML='<img src="1.jpg">';
                b(na,mh);return;
            }
        }