$("a[rel='toggleBoxes']").toggle( function() { $("#Box").switchClass("closedBox", "openBox", 1000); $("#rightBox").fadeIn("slow"); }, function() { $("#rightBox").fadeOut("slow"); $("#Box").switchClass("openBox", "closedBox", 1000); } );
is my code. When I click the link the first and second time, the box animates itself like I intended, but after that, the box that should be smoothly transitioning just appears and disappears. I could continue to put those two in the toggle functions, but that would be a lot of code for.