<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="javascript">
var status = "collapse";
var containerId = "content";
var height = 40;
showHide = function(containerId){
if(this.status == "expand" && containerId != this.containerId)
this.status = "collapse";this.height = height;
if(!this.intervalId)this.intervalId = setInterval("collapse()",10);
}
collapse = function(){
ele = document.getElementById(this.containerId);
heightArray = ele.style.height.split("px");
if(this.status == "collapse"){
if(heightArray[0] < this.height){
ele.style.height = (parseInt(heightArray[0])+1)+"px";
}else{
clearInterval(this.intervalId);
this.intervalId = 0;
this.status = "expand";
}
}
if(this.status == "expand"){
if(heightArray[0] > 0){
ele.style.height = (parseInt(heightArray[0])-1)+"px";
}else{
clearInterval(this.intervalId);
this.intervalId = 0;
this.status = "collapse";
}
}
}
</script>
</head>
<body>
<div id="content" style="height:0px;overflow:hidden;background: #000000; color: #ffffff">محتوای لایه مورد نظر </div>
<a href="javascript: showHide('content')">لینک مربوطه</a>
</body>
</html>