在单个语句中添加类和删除类不起作用

您需要将第二个语句作为回调函数给出slideDown():

$("button").click(function(){
    $("#p1").addClass("size").slideUp(2000).slideDown(2000, function () {
      $(this).removeClass("size");
    });
});

或者更好,你还需要使用回调函数slideUp!

$("button").click(function() {
    $("#p1").addClass("size").slideUp(2000, function () {
        // Execute this after 2 seconds of slideUp animation.
        $(this).slideDown(2000, function () {
            // Execute this after 2 seconds of slideDown animation.
            $(this).removeClass("size");
        });
    });
});

因为它们不应该并行发生,而是按顺序发生,每次完成之后.

您需要将第二个语句作为回调函数给出slideDown():

$("button").click(function(){
    $("#p1").addClass("size").slideUp(2000).slideDown(2000, function () {
      $(this).removeClass("size");
    });
});

或者更好,你还需要使用回调函数slideUp!

$("button").click(function() {
    $("#p1").addClass("size").slideUp(2000, function () {
        // Execute this after 2 seconds of slideUp animation.
        $(this).slideDown(2000, function () {
            // Execute this after 2 seconds of slideDown animation.
            $(this).removeClass("size");
        });
    });
});

因为它们不应该并行发生,而是按顺序发生,每次完成之后.