jquery slideToggle 上下滑动的时候 如果一下子点击多次 会在那不停的 上下 滑动

这段代码确实有区别。
看看...
在第一段中，只需使用 $(".panel").slideToggle("slow"); 即可。
不管之前有没有动画，直接就变了。
我是在2 02 3 年1 1 月1 5 日测试的，页面一打开，点击按钮，面板就直接变了，不管是否有动画。

第二段增加判断。
用if(!$(".panel").is(:animated")){...}，这个判断很重要，我2 02 3 年1 1 月1 5 日也跑过测试，发现这样写只会在panel没有动画的时候进行切换，如果panel滑出或滑入，也不会触发新的切换，这样就不会出现延迟了。

你看，如果你不加判断直接使用第一段，有时候会出现问题。
在第二段中添加判断可以使其稳定，如果您多次使用它，您会注意到其中的差异。

jQuery中的动画效果有哪些

说白了，jQuery动画用更简单的代码实现了很酷的效果，但其实别以为它不复杂。

要展开，首先使用slideDown从下到上显示滑块。
去年我们运行了一个电子邮件活动页面。
当 3 000 个用户单击该按钮时，slideDown 非常稳定，链接速度较慢（6 00 毫秒），不想挂起。
另一方面，SlideUp 适用于折叠桌。
但需要注意的是，当页面上有超过3 00个其他异步请求时，第一个slideUp命令执行可能会很慢。
这是一个雪案。
因为前面的一点延迟就会让整个事情变得糟糕。
至于slideToggle，它最适合选项卡切换。
去年我们一直在测试“快速”（2 00 毫秒）移动端点。
分辨率下降很轻微，但是不要在游戏中使用mini H5 ，帧率会下降。

我一开始以为fadeIn和fadeOut都是同步的，后来发现可以串行执行，这样就可以先fadeout，再弹出提示。
不过，有一点是肯定的：fadeTo 的透明度调整是渐进的，不像 fadeIn 直接跳到 1 00%。
我去年测试过，将透明度设置为0.2 5 大约需要2 00ms，这比预期要长。

最后警告：当使用 fadeToggle 进行切换时，如果元素首先可见，它将被关闭然后消失。
这个过渡时间会乘以2 ，例如最慢为1 2 00ms，如果想达到快速闪烁的效果请谨慎。

建议尝试更多的动画，自由度更高，直接指定{height: 'toggle', opacity: 0.5 }，但不要忘记jQuery底层仍然依赖requestAnimationFrame，所以不要在每个body中调用动画，例如避免在事件卷中频繁执行。