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

#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的内容.

欢迎访问阿里西西网页特效代码站，