сначала сделайте слайд-шоу и fadeout на два html-элемента, затем продолжайте

Question

Мне нужно сдвинуть modalbox-dialog, а также fadout modalbox-overlay, и это должно произойти в одно и то же время, чтобы не было возможного уменьшения яркости в сделанной функции слайд-шоу

$('#modalbox-dialog').slideUp({ 
    done:function() { 

    } 
}); 

$('#modalbox-overlay').fadeOut(); 

после slideup и Fadeout сделаны эти вещи должны быть выполнены

$('.nav > *').remove(); 
$('#foo-helper > *').remove(); 
$(FilterView.currentDiv).insertAfter('#hidden-divs-helper'); 
FilterView.currentDiv = ''; 

Answer 1

Использование $.when()

$(document).ready(function() { 
    var f1 = $('#modalbox-dialog').slideUp({duration:10000}) 
    var f2 = $('#modalbox-overlay').fadeOut(); 

    $.when(f1, f2).done(function (v1, v2) { 
     alert('finished both'); 
    }); 
}); 

Посмотрите эту скрипку: http://jsfiddle.net/oLm8L1pL/

Я установил длительность сверхвысокой, чтобы продемонстрировать эффект.

Answer 2

, что мое решение

hide: function() { 

    var deferred = $.Deferred(); 

    var slideUp = $('#modalbox-dialog').slideUp(); 
    var fadeOut = $('#modalbox-overlay').fadeOut(); 

    $.when(slideUp, fadeOut).done(function() { 
     deferred.resolve(); 
    }); 

    return deferred.promise(); 
} 

надеюсь, что это помогает для дальнейших вопросов :)