Question

When I use slideDown my box just appears and doesn’t slideDown when I first click on the link, but every subsequent click, it works as intended:

http://jsfiddle.net/3Gc6Q/

Answer 1

box.removeClass("hide"); must be after slideDown complete demo : http://jsfiddle.net/3Gc6Q/9/ :

$(".link").click(function(e) {

    e.preventDefault();
    var box = $("#test");

    if (box.hasClass("hide")) {

        box.slideDown(function(){box.removeClass("hide");});
    }
    else {
        box.slideUp(function() {

            box.addClass("hide");

        });

    }


});