js控制表格折叠

复制内容到剪贴板

代码:

<tr ondblclick="$use(1)"><td></td><tr>
<tr id="classcontent1"><td></td><tr>
<tr ondblclick="$use(2)"><td></td><tr>
<tr id="classcontent2"><td></td><tr>
<tr ondblclick="$use(3)"><td></td><tr>
<tr id="classcontent3"><td></td><tr>

复制内容到剪贴板

代码:

function $(element){
return element = document.getElementById(element);
}
function $D(no){
var d=$('classcontent'+no);
var h=d.offsetHeight;
var maxh=300;
function dmove(){
h+=20; //层展开速度
if(h>=maxh){
d.style.height='300px';
clearInterval(iIntervalId);
}else{
d.style.display='block';
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);
}
function $D2(no){
var d=$('classcontent'+no);
var h=d.offsetHeight;
var maxh=300;
function dmove(){
h-=20;//层收缩速度
if(h<=0){
d.style.display='none';
clearInterval(iIntervalId);
}else{
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);
}
function $use(no){
var d=$('classcontent'+no);
if(d.style.display=='none'){
$D(no);
}else{
$D2(no);
}
}