按钮控制内容隐藏展开

3435
1

土豆我是马铃薯 数据达人Lv4

发表于2020-5-26 16:05

楼主
往往有一些场景是这样的,整个页面部分内容默认隐藏,点击展开按钮时才将内容展开。
效果如下:


实现方法:

在客户端脚本中添加如下代码:

  1. $("#HHH6").css('display','none');
  2. $("#WidgetParamButton24").addClass('active');
  3. $("#WidgetParamButton24").click(function(){

  4. var active= $(this).attr("class").indexOf("active");
  5. if(active!= (-1)){
  6.    $(this).removeClass('active');
  7.    $("#HHH6").css('display','none').slideDown(2000);
  8. } else{
  9.    $(this).addClass('active');
  10.    $("#HHH6").css('display','block').slideUp(2000);
  11. }
  12. })
复制代码


其中HHH6是表格所在容器代号,换成表格也可以。WidgetParamButton24是按钮的标识名称


最近看过此主题的会员

遗世独立

esen_4XMY0N6IMU

esen_4UIBLD8PRN4M

esen_50RKBHQRZI

陈平安

yangqh

杨国签

常远征

一一

大丸子

一点一点

leiz

1个回答

只看楼主

小亿 管理员

发表于2020-5-26 16:31

只看该作者

取消 关注该作者的回复

沙发

替薏米感谢大神的分享!

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号