【JQuery】点击按钮，显示/隐藏DIV的问题。

[黑夜的风]

我想实现：点击按钮，显示DIV。再点击按钮，隐藏DIV。
我采取的方式是：将显示按钮跟隐藏按钮覆盖在一起。
点击“详细”，打开DIV，同时隐藏显示按钮。
点击“隐藏”，重置DIV，同时隐藏隐藏按钮。
楼下是我做好的截图。正常速度点击时，显示没问题。

但当我快速点击按钮时，出问题了。。。第三次点击时，动作未触发。


下面是我的JQuery代码。还请各位看看，有没有解决办法。

[天际的海浪]

你隐藏按钮事件中没有隐藏文字的代码啊。你注解掉了 显示按钮事件中 $("#div1").show(); 改成 $("#div1").stop(true,true).show();

[qq_38363903]

这是因为animate()有一个默认的400ms的动画时长，当你点击过快的时候，也许你点击了很多次实际上还在执行前面点击效果产生的动画 这个例子只要把你的动画时长改短点比如10ms =>animate({你的样式},10)

[黑夜的风]

引用 1 楼 jslang 的回复:

你隐藏按钮事件中没有隐藏文字的代码啊。你注解掉了 显示按钮事件中 $("#div1").show(); 改成 $("#div1").stop(true,true).show();

（那段代码写后面了，图没截全。） 感谢您的帮助！！！

[黑夜的风]

引用 2 楼 qq_38363903 的回复:

这是因为animate()有一个默认的400ms的动画时长，当你点击过快的时候，也许你点击了很多次实际上还在执行前面点击效果产生的动画 这个例子只要把你的动画时长改短点比如10ms =>animate({你的样式},10)

谢谢科普！！