javascript - jquery 同时淡入淡出

Question

我正在尝试淡出对话框的现有文本，然后同时淡入错误图像。

我该怎么做？现在我已经(有点)工作了，但有一些问题。

1. 立即淡出
2. 它不是同时发生的(我希望 1 个淡入而另一个淡出)。

注意:我不能只是淡入一个 div，因为整个程序都在写入#dialog，所以如果我将 div.error 存储在那里，它就会被覆盖，所以我需要这样做。

到目前为止我有什么

$.ajax({
            type: "POST",
            url:  "/checkstatus/" + id,
            dataType: "html",
            error: function(data){
                $("#dialog").fadeOut();
                $("#dialog").hide().html("<img src='/img/deleted.jpg' alt='deleted'>")
                $("#dialog").fadeIn();
            }
        });

Answer 1

$.ajax({
    type: "POST",
    url:  "/checkstatus/" + id,
    dataType: "html",
    error: function(data){
        $("#dialog").fadeOut(function(){
             $("#dialog")
                .html("<img src='/img/deleted.jpg' alt='deleted'>")
                .fadeIn()
        });

    }
});