【Javascript】【jQuery】jQuery实现淡入淡出，折叠展开，显示隐藏和自定义动画

    //淡出至隐藏
    $("#container").fadeOut();
    $("#container").fadeOut("slow");
    $("#container").fadeOut(2000, () => alert("fade out done"));
    //淡入至显示
    $("#container").fadeIn();
    //向上折叠至隐藏
    $("#container").slideUp();
    //向下展开至显示
    $("#container").slideDown();
    //变小变淡至完全隐藏
    $("#container").hide();
    //变大变浓至完全显示
    $("#container").show();
    //串联动画
    $("#container").hide(3000).show(3000);
    //自定义动画
    $("#container").animate({
        width: 800,
        height: 400
    }, 3000, null).animate({
        width: "-=400",
        height: "-=200"
    }, 3000, null);
    //停止所有正在进行的动画
    $("#container").stop();