0

このコードを機能させるのに苦労しています。基本的には、次のコードセクションがあります。

<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が機能するようにこれを調整するにはどうすればよいですか? 事前に感謝します。

ソフィ

4

1 に答える 1

1

意味がわかりませんが、slideUp と slideDown には 3 つのパラメーターがあります。

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

だからあなたができることは次のとおりです。

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

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

また、非表示の変数を使用する代わりに、次を使用してセレクターが表示されているかどうかを確認することもできます。

$('#photodisplay').is(':hidden')
于 2011-07-05T20:01:50.870 に答える