0

私はこのコードを持っています

$(".guitar").toggle(function() {
    $(".guitar_content").click().animate({width: "500"}, 1000).css({display: "block"});
    $(".guitar_text").delay(1200).animate({ opacity: "1"}, 600);
}, function() {
    $(".guitar_content").click().animate({ width: "0" }, 1000);
    $(".guitar_content").delay(1000).css({ display: "none"});
});
​

私の問題は、追加した遅延があっても幅のアニメーションを実行する前に、2 回目にクリックすると表示が none に変わることです。

css を変更する前に、幅のアニメーションを実行するにはどうすればよいですか。

これは私のプロジェクトですhttp://jsfiddle.net/TvLMQ/

4

1 に答える 1

2

の代わりにコールバックを使用します.delay。

$(".guitar_content").click().animate({width: "0"},1000, function(){
    $(this).css({display: "none"});
});
于 2012-06-19T18:31:14.687 に答える