javascript - 使用 jQuery 缓动的 Javascript 集成

Question

我正在努力使这段代码正常工作，基本上我有这段代码：

<script type="text/javascript" src="jquery-easing.js"></script>
<script type="text/javascript">
$(document).ready(function(){

hidden = true;
$(".btn-slide").click(function () {
if(hidden == false) {

    $("#photodisplay").slideUp(1000, method, callback);
    $("#gallery").slideDown(1000, method, callback);
    hidden = true;
} else {
    $("#photodisplay").slideUp(1000, method, callback);
    $("#gallery").slideDown(1000, method, callback);
    hidden = false;
}
});
});
</script>

当使用slideUp和'slow'在Javascript中正常编写时，这可以正常工作，但我只想包括缓动，因为目前它有点静态。我怎样才能调整它以使 jQuery 工作？任何帮助都会很棒，在此先感谢，

索菲

Answer 1

我不确定你的意思，但 slideUp 和 slideDown 有三个参数。

.slideUp( [duration,] [easing,] [callback] )

所以你可以做的是：

$('#photodisplay').slideUp(1000, "linear", callback);

function callback() {
    alert("The photodisplay finished the slideup");
}

除了使用隐藏变量，您还可以使用以下方法检查选择器是否可见：

$('#photodisplay').is(':hidden')