实现展开收起功能

eXeSP 2015-10-23 12:33:22
场景:
已经从API读取了所有的电影场次,展示在前端。
但列表太长,想增加展开收起功能,类似糯米:

http://sh.nuomi.com/cinema/22e11407bd4cd9add5b74e15

不同的是页面有多个影院,需要为每个影院添加展开收起功能,

默认显示4个场次,低于4个不添加展开收起功能。
...全文
182 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
eXeSP 2015-10-23
  • 打赏
  • 举报
回复
引用 2 楼 wyqlxy 的回复:
前端load的时候,判断有多少场次,超过四个就给相应列表加上隐藏的css样式,并且父标签加上相应的展开隐藏时间
能给个例子吗
eXeSP 2015-10-23
  • 打赏
  • 举报
回复
引用 3 楼 qq_19965967 的回复:
关键在于有多少个影院,是确定数目的还是根据后台获取的不同,如果数目是不确定的,楼主希望怎么在前端展示?展开收起效果不难,关键要先布局。。。
是后台传递过来的多维数组,遍历出来的。
chanel_1 2015-10-23
  • 打赏
  • 举报
回复
关键在于有多少个影院,是确定数目的还是根据后台获取的不同,如果数目是不确定的,楼主希望怎么在前端展示?展开收起效果不难,关键要先布局。。。
  • 打赏
  • 举报
回复
前端load的时候,判断有多少场次,超过四个就给相应列表加上隐藏的css样式,并且父标签加上相应的展开隐藏时间
香蕉猪 2015-10-23
  • 打赏
  • 举报
回复
用jq啊。。。检测有四个以上的场次加触发事件。。。

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧