1

以下のアニメーション機能とスライドダウン機能をまったく同じ時間と期間で実行するにはどうすればよいですか。

current_item.css('margin-left', 0);
current_item.animate({ 'marginLeft': '20px'});
current_item.slideDown(300, 'swing');

上記の私のコードは、スライドする前にアニメーション化しています。アニメーション機能を下に移動すると、下にスライドしてからアニメーション化されます

4

1 に答える 1

2

marginLeft次のように、両方を組み合わせてd にheightすることができます。.animate()

$("#btn1").one("click", function () {
    var current_item = $("#div1");
    current_item.css('margin-left', 0);
    current_item.animate({
        marginLeft: "20px",
        height: "toggle"
    }, 300, "swing");
});

デモ: http://jsfiddle.net/sDrtE/

(はい、ボタンをクリックし続けると変に見えるので、.one()and notを使用するつもりでした).on()

于 2013-07-18T21:46:37.953 に答える