如何通过jq实现元素的展开收缩及图标切换功能？

更新于
2026-09-30 19:17:22
1阅读来源：SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计70个文字，预计阅读时间需要1分钟。

如何通过jq实现元素的展开收缩及图标切换功能？

简化后的代码如下：

javascript$( .weui_cell_select ).click(function() { $(this).parent().parent().find(.messTxt).slideToggle(slow); if ($(this).hasClass('weui_cell_left')) { $(this).removeClass('weui_cell_left').addClass('weui_cell_down'); } else { $(this).removeClass('weui_cell_down').addClass('weui_cell_left'); }});

如何通过jq实现元素的展开收缩及图标切换功能？

收缩展开

$(".weui_cell_select").click(function(){ $(this).parent().parent().find(".messTxt").slideToggle("slow"); if($(this).hasClass('weui_cell_left')){ $(this).removeClass('weui_cell_left').addClass('weui_cell_down'); }else{ $(this).removeClass('weui_cell_down').addClass('weui_cell_left'); } })

标签：控制展开收缩图标

相关推荐

92392如何实现HTML5 FileReader在文件上传时动态显示进度条？92401如何通过点击导航栏实现页面切换功能？92406如何使用canvas技术实现视频绘制？92425jQuery的extend函数如何实现对象深拷贝？92445如何实现Node.js中文件夹目录的读取操作？92446如何进行网站Cookie的设置、获取与删除操作？92448如何为layui table组件添加行单选功能扩展？92455浏览器如何处理不同设备窗口大小的兼容性问题？92459What is the difference between for and in in programming?92460如何通过原生JavaScript实现与后端的数据交互？92470如何实现跨浏览器兼容性以阻止事件冒泡？92475如何用js将手机号中间的*号替换成空格？92491如何通过if else语句计算个税？92492如何通过if else嵌套实现成绩等级的查询功能？92497如何实现JavaScript网页下雪动画效果？92517如何撰写日常总结中的JavaScript（JS）使用技巧？

本文共计70个文字，预计阅读时间需要1分钟。

如何通过jq实现元素的展开收缩及图标切换功能？

简化后的代码如下：

javascript$( .weui_cell_select ).click(function() { $(this).parent().parent().find(.messTxt).slideToggle(slow); if ($(this).hasClass('weui_cell_left')) { $(this).removeClass('weui_cell_left').addClass('weui_cell_down'); } else { $(this).removeClass('weui_cell_down').addClass('weui_cell_left'); }});

如何通过jq实现元素的展开收缩及图标切换功能？

收缩展开

$(".weui_cell_select").click(function(){ $(this).parent().parent().find(".messTxt").slideToggle("slow"); if($(this).hasClass('weui_cell_left')){ $(this).removeClass('weui_cell_left').addClass('weui_cell_down'); }else{ $(this).removeClass('weui_cell_down').addClass('weui_cell_left'); } })