Javascript 淡出函数后的slideup

它仍在快速上升。

您首先使用动画淡出元素，而不是在回调（淡出完成后）上执行幻灯片

    $(function() {
    $('#error').delay(3000).fadeOut(2000).animate({
                        opacity: 0
                    }, "slow", function(){
                        $(this).slideUp();
    });
});

示例：

---

改用fadeTo。归零

jQuery("#outer").animate({opacity: 0}, 1000).slideUp();

$（函数（）{
$（'#error'）.delay（1000）.fadeTo（1000，0.slideUp（）；
});

淡出的元素不能向上滑动。在那一点上它已经没有显示了…我应该用更好的措辞。我想让它在褪色后滑起来。就像当div淡出，而不是它下面的内容快速出现，这不是一种让它慢慢向上滑动的方式吗@simon arnold？我根据你的编辑更新了我的示例。首先用animate淡出元素，然后在回调（淡出完成时）上进行滑动。为什么不将它们合并…@jason我不想要单击功能。这个部门将自行消失。如何删除单击功能？

$(function() {
    $('#error').delay(1000).animate({opacity: 0}, 100, "linear", function() {
        $('#error').slideUp();
    });
});

jQuery("#outer").animate({opacity: 0}, 1000).slideUp();

<script>
    $(function() {
      $('#error').delay(1000).fadeTo(1000, 0).slideUp();
    });
</script>