Ждите, пока содержимое не исчезнет в div с jquery ajax

Question

У меня есть div, с кнопкой.

1. при нажатии на кнопку I fadeOut() в DIV
2. I загрузки контента с другой страницы с JQuery ajax()
3. , когда содержимое загружается, я хочу, чтобы поместить это содержимое в DIV
4. только затем, fadeIn() the div.

На данный момент, я использую это:

success: function (data) { 
    $('#inside-choice').html(data); 
    $('#inside-choice').fadeIn('slow'); 
}, 

Но с этим синтаксисом, увядание в может начаться до, что содержание полностью загружен. Как подождать до загрузки содержимого до исчезновения в div?

Answer 1

использование promise():

success: function (data) { 
    $('#inside-choice').html(data).promise().done(function(){ 
     $('#inside-choice').fadeIn('slow'); 
    }); 

}, 

https://api.jquery.com/promise/