html 展开 折叠,HTML实现点击展开和收起

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

#box,#box2,#box3,#box4{padding:10px;border:1px solid green;}

//===========================点击展开关闭效果====================================

function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){

var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;

var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;

var openTip = oOpenTip || "";

var shutTip = oShutTip || "";

if(targetObj.style.display!="none"){

if(shutAble) return;

targetObj.style.display="none";

if(openTip  &&  shutTip){

sourceObj.innerHTML = shutTip;

}

} else {

targetObj.style.display="block";

if(openTip  &&  shutTip){

sourceObj.innerHTML = openTip;

}

}

}

无标题文档

点击展开

这里面放的是box的内容.

点击展开

这里面放的是box的内容.

点击展开

这里面放的是box的内容.

点击展开

这里面放的是box的内容.