jQuery slideToggle,显示/隐藏速度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery slideToggle,显示/隐藏速度相关的知识,希望对你有一定的参考价值。

jQuery中有什么东西允许你指定显示/隐藏效果的速度(而不是它的持续时间)。

谢谢。

答案

建立在Yi Jianggs评论的基础上,速度是距离和持续时间的函数,让我们说你希望它扩展到200px/s,你需要使用元素高度和基本微积分来计算动画需要多长时间,如果你的元素是300px高动画持续时间应该是:

300/200 = 1.5 seconds或1500ms,现在应用于http://api.jquery.com/slideToggle/,我们有一个胜利者。

另一答案

你可以做:

.hide("slow")
.hide("fast")

在这种情况下,速度和持续时间之间没有真正的区别。如果持续时间很短,那么速度很快(速度更快)。

另一答案

恒定速度:

$element.slideToggle($element.height());

以上是关于jQuery slideToggle,显示/隐藏速度的主要内容,如果未能解决你的问题,请参考以下文章

jQuery slideToggle,显示/隐藏速度

jQuery 效果 - slideToggle() 方法

JQuery显示隐藏

[ jquery 效果 slideToggle([speed,[easing],[fn]]) ] 此方法用于滑动显示隐藏的被选元素

jQuery slideToggle()不显示:元素之前

jQuery slideToggle 显示类型