如何实现jQuery控制下拉菜单展开收缩及图标切换功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计103个文字，预计阅读时间需要1分钟。
点击收起展开按钮，将显示或隐藏对应的内容。操作如下：点击按钮后，内容区域会缓慢展开或收起。若按钮左侧有图标，点击后图标会从左侧变为向下箭头。
收缩展开$(".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'); } })
本文共计103个文字，预计阅读时间需要1分钟。
点击收起展开按钮，将显示或隐藏对应的内容。操作如下：点击按钮后，内容区域会缓慢展开或收起。若按钮左侧有图标，点击后图标会从左侧变为向下箭头。
收缩展开$(".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'); } })