$("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.