javascript - jQuery - 他の UI の変更が完了した後に UI の変更を行う

Question

$("#login").toggle("drop", {direction: "left"});それが完全に終了した後、どのように実行しますか... do $("#register").toggle("drop", {direction: "right"});. DIVSは浮いていないと同時に、 が重なり合っているためdropです。

Answer 1

JQuery トグルは、コールバックである 2 番目のパラメーターを取り、2 番目のUI 変更をそのコールバックに入れることができます。

$(document).ready(function(){

    $('#switch-to-login').live("click",function(){

        $("#login").toggle("drop", {direction: "left"}, function() {
           $("#register").toggle("drop", {direction: "right"});
        });

        });

Answer 2

このようなもの: http://jsfiddle.net/FzsZS/

私はiPadを使用しているため、すべてのコードなどをやり直さなければなりませんでした。申し訳ありません。

Answer 3

コールバックを使用します。

$("#login").toggle("drop", {direction: "left"}, function(){
        $("#register").toggle("drop", {direction: "right"});
});