怎么只用Jquery实现菜单的收缩，点一下把子菜单隐藏，再点一下把子菜单展开，就像QQ好友分类那样，3Q！

用jquery作了个上下伸缩的菜单 但是收起的时候会抖动 问是什么原因？

上周，一位客户问我为什么他的页面上的幻灯片效果有时慢得离谱。
我一看代码，原来是slideUp()的原罪。
浏览器渲染机制那个东西很复杂，你得自己计算动画时间，就像设置Timeout还要抢线程一样，有时候会让你怀疑人生。

看看我最近几年的项目，我基本上不再使用slideUp()了。
直接 hide() 和 show() 就足够了。
虽然没有动画效果，但是胜利已经稳了。
无论哪种方式，都取决于你。
如果你想要炫酷的效果，就多调试一下吧。
不要让用户陷入加载困境。

10种jQuery技术，提供更好的用户体验

哎...早在2 02 2 年...我在...在北京的一个网站上工作...用户反映登录太烦人了...我一直跳来跳去...我只是想...用jQuery做点什么...
你看...登录表单...就用滑动面板...模态框...插件...jQueryValidation...很好用...或者手动写动画...我当时尝试过...发现了滑动面。
板...用户感觉...没有跳转...沉浸感强...几步...很好...
然后...页面信息太多...用户看不完...我用点击展开折叠...jQueryAccordion插件...隐藏次要内容...用户点击...查看详细信息...页面简单...用户可以深入查看...这种探索性的交互...很精彩...
还有...提交表单...一直刷新... 用户体验不好...我用$.ajax()...或者$.post()...异步提交...添加加载动画...用户一看...就知道正在处理...提交后...弹出一个框...“提交成功！”...用户没有感觉...操作被中断...响应快...这...当时用户反馈很多...
导航。
..移动端...太乱了...我用的是SlickNav插件...响应式导航栏...折叠菜单...键盘导航...动画转场...用户在不同设备上操作一样...不会丢失...这个...很重要...
然后...有的用户...看到字体小...有的看到字体大...我就加个滑块...input[type="range"]...使用jQuery...动态调整字体大小...用户可以自己调节...可读性高...强 适应性...用户喜欢...
内容太多...分页...我用jPages插件...或者手动编写...动态加载内容片段...每页1 0条...用户阅读长内容...不累...认知负荷低...
还有...广告或轮播图片...使用jQueryCycl e插件...自定义动画...自动播放...触摸滑动...懒加载...内容可视化组织...吸引用户...当时的页面效果...是 太棒了...
滚动...锚点滚动...太生硬...我刚用了jQueryScrollTo插件...滚动流畅...8 00ms...用户感觉不到...机械操作...页面连贯...无限滚动...适合很多图片...。
或者列表...用户阅读时间较长...
菜单...悬停时不响应...不好...我会用fadeIn()/fadeOut()...添加动画...淡入淡出...用户一看就知道...可发现性高...误操作少...
最后...图片...电商网站...图片详情...非常重要...使用Cropper.js插件...图片裁剪。
..或者jQueryZoom...鼠标悬停缩放...用户查看详情...操作精准...提升体验...
总的来说...这些技术...减少刷新...增强反馈...优化内容组织...视觉呈现...用户体验...真正提升...插件...快速实现...手动编码...高度定制...看情况...项目需求...平衡效率...功能...