使用jQuery缓存进行Javascript集成

时间:2011-07-05 19:52:07

标签: javascript jquery jquery-plugins easing

我正在努力使这段代码工作,基本上我有这部分代码:

<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中正常编写时,'slow'工作正常,但我只想包含缓动,因为它有点静态。 我如何调整这个以便jQuery工作?任何帮助都会很棒,提前谢谢,

Sofi

1 个答案:

答案 0 :(得分:1)

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

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

所以你可以做的是:

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

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

而不是使用隐藏变量,您还可以使用以下方法检查选择器是否可见:

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