淡出功能后滑动

Question

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

我有一部分工作，但它在淡出后不会滑动。

编辑：

我想让div下面的内容在div淡出后滑动..代码：

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

它还在快速上升。

Answer 1

http://jsfiddle.net/XhXDq/3/

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

Answer 2

您首先使用动画淡出元素，而不是回调 （当淡入淡出完成时），您执行效果基本show

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

示例：http://jsfiddle.net/4HT25/

Answer 3

请改用fadeTo。为零

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