Question

Im trying to make a delay between the animation and the toggling between hidden and visible of the transbox, the code works perfectly without a delay function (but everything loads at once), am i doing the delay function wrong?
http://jsfiddle.net/qWszS/2/

Answer 1

You have a number of problems with your code. I’ve made some changes to it, that should do the same thing:

$(".go1").click(function(event){
    event.preventDefault();
    $(".go2, .go3, .go4, .go5, .go6").hide("slow");
    $(".go1").animate({top: "0", left: '60%'}, "slow").delay(2000).queue(function() {
       $(".hide, .transbox").css("visibilty", "visible");
    });
});

• You didn’t set any time for setTimout, so I removed it. You can add it back in if you want to execute the animation and show the elements at a later time.

• I’ve selected .go2 – .go6 with a single selector.

Edit: Made some corrections to the example.