1. 首页
  2. 网页特效
  3. 展开&收缩

js文本段落中实现展开收缩特效代码

所属分类： 网页特效-展开&收缩    2023-12-20 09:16:53

 4.9K  0  查看评论 (0)
js文本段落中实现展开收缩特效代码 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载  我要建站

js文本段落中实现展开收缩特效代码（共3个文件）

    • index.html

使用方法

let toggle = document.querySelector("#toggleReadMore"),
    more = document.querySelector("#more"),
    dots = document.querySelector("#dots"),
    isExpanded = false;

toggle.onclick = toggleReadMore;

function toggleReadMore() {
    more.classList.toggle("hidden");
    dots.classList.toggle("hidden");
    toggle.innerText = isExpanded ? "展开" : "收起"
    isExpanded = !isExpanded;
}

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服
标签： 展开收缩阅读更多查看更多
相关资源 / 展开&收缩
查看更多

jquery浮动的折叠面板控制表单显示隐藏插件

 一款折叠面板控制插件，页面右侧可折叠的浮动面板，用户可以通过选中/取消选中相应的复选框来隐藏和显示表单元素。
  展开&收缩
 9801  0

jquery手风琴展开收缩特效

 一款手风琴内容展开收缩效果，列表数据中点击标题或图片，可展开当前对应文本内容，再次点击可收缩隐藏。
  展开&收缩
 9812  0

jquery鼠标单击或悬停显示隐藏文本内容特效代码

 一个功能强大的内容切换插件，通过单击箭头可展开显示隐藏的文本内容，或可以鼠标悬停显示。
  展开&收缩
 9858  0

jquery超过DIV既定高度自动隐藏内容插件

 一款文本内容显示隐藏插件，设置DIV最大高度，如文本文字内容超过此高度，自动隐藏，带点击按钮显示内容。
  展开&收缩
 6808  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论，快来抢个沙发！
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论