Question

How would I execute $("#login").toggle("drop", {direction: "left"}); then after THAT is completely finished… do $("#register").toggle("drop", {direction: "right"});. Because the DIVS are not floated and at the same time they stack up against each other when they drop.

Answer 1

The JQuery toggle can take a second parameter that is a callback, put the second UI change in that callback.

$(document).ready(function(){

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

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

        });