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

html表展开收起,HTML实现点击展开和收起相关推荐

android开发点击展开列表,android - listView点击展开收起实现
废话不多说, 上图: GIF.gif 上思路: 动态改变数据适配器中的getCount()方法的返回值; 点击刷新适配器中的数据; 注意: 1.这是在普通的布局中实现; 2.如需要在ScrollVie ...
android软键盘设置收起键,Android 点击任意位置收起软键盘
@Override public boolean dispatchTouchEvent(MotionEvent ev) { AppUtils.hideInputWhenTouchOtherView(t ...
android 评论的展开功能,Android开发实现ListView点击展开收起效果示例
本文实例讲述了Android开发实现ListView点击展开收起效果.分享给大家供大家参考,具体如下: 废话不说先上效果: 实际上这是采用一个ExpandableListView实现的布局文件很简单 ...
vue 点击展开显示更多点击收起部分隐藏
vue 点击展开显示更多点击收起部分隐藏要求: 只展示几条数据,其余的收起.点击显示更多时候,查看全部如下:以百度云的页面为例直接上代码: 1.html部分: <div><d ...
最多显示三行，多余...展开，点击展开收起 getClientRects
需求:显示文本,最多显示三行,多余的显示 ... 展开,点击展开收起. 效果如下: 需要考虑的点:换行,展开的时候遮住收起如果是不需要有固定在右侧的展开收起,那么移动端直接用css3: overfl ...
微信小程序点击展开收起（点谁谁展开/收起）
HTML页面 <view class="listItem-div"> <view>作业截止日期:{{item.fiel_time}}<view cla ...
react 点击展开收起功能
点击展开收起功能 1.使用useToggle进行定义 useToggle用法:用于在两个状态值间切换的 Hook. const [states, { set }] = useToggle(true) ...
div点击展开 vue_vue实现展开全部，收起全部
1.给数组的每一项添加是否展开或收起的标志:'toggleShowDes'和长度限制的标志:'ifMore' /*获取评论列表*/ getComment: function(flag){ var m ...
vue 段落文字太长（长文收缩）点击展开与收起，查看更多，收起，展开
vue 段落文字太长点击展开与收起文章目录 vue 段落文字太长点击展开与收起效果截图使用方法组件被调用demo vue部分属性说明组件完整代码效果截图使用方法将组件完整代码复制到你 ...

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

html表展开收起,HTML实现点击展开和收起相关推荐

最新文章

热门文章