使用 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和“慢”在Javascript中正常编写时，效果很好，但我只想包括缓动，因为目前它有点静态。 我该如何调整它才能使 jQuery 正常工作？任何帮助都会很棒，提前致谢，

索菲

Answer 1

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

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

所以你可以做的是：

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

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

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

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