Jquery SlideToggle 效果不流畅

Question

<div class="searchDiv">
    <div class="row"></div>
    <div class="row"></div>
    <div class="row"></div>
    <div class="row"></div>
</div>

我正在尝试使用 searchDiv 类在 div 上调用 $("div.searchDiv").slideToggle("slow"); ，该类最初使用 隐藏>显示:无。这 4 个 div 中又存在一些带有 row 类的 div 元素。元素如何放置在主 div searchDiv 中是否重要，因为我发现放置在主 div 中的元素的切换效果并不平滑。

Answer 1

某事物看起来是否顺利的想法是一种观点，并且根据观看者的不同而有所不同。如果您使用的是“慢”，则给定值为 200 毫秒。

幻灯片切换。 https://api.jquery.com/slideToggle/

持续时间以毫秒为单位；较高的值表示较慢的动画，而不是较快的动画。可以提供字符串“fast”和“slow”来分别表示 200 毫秒和 600 毫秒的持续时间。

默认的缓动是 swing，对我来说，它看起来很粗糙。我建议尝试线性缓动。

如果摆动或线性对您来说不够平滑，您可以使用并包含 jQuery UI 并使用其他选项之一。您可以找到您认为可以按照您的需要顺利工作的缓动。
http://jqueryui.com/resources/demos/effect/easing.html

$('.searchDiv').slideToggle(2000,"linear", function () {
    // actions to do when animation finish
});