Изменение размера диалогового окна Animate jQuery UI

Question

У меня есть диалог с динамической формой внутри, который может увеличить высоту диалога. autoResize имеет значение true, width равно 500. Есть ли способ анимировать изменение размера диалога при добавлении дополнительного содержимого?

Answer 1

Анимация размера диалогового окна при нахождении в центре экрана

jQuery("#dialog").dialog("widget").animate({
    width: '400px', 
    height: '110px'
  }, {
  duration: 500,
  step: function() {
    jQuery("#dialog").dialog('option', 'position', 'center');
  }
});

Answer 2

Изначально я использовал .show('fade'), и размер диалогового окна увеличивался при каждом вызове .show.При использовании эффекта .show('fast') или .show('slow') размер диалогового окна изменяется скользящим образом, что мне подходит.

Answer 3

Когда я использовал ответ @ Steven, у меня были проблемы с размером контента, как сказал @jedierikb в комментарии.Итак, я создал этот код, и он работает.

$(dialogSel).dialog("widget").animate({
    width: 100,
    height: 200
}, {
    duration: 200,
    step: function (now, tween) {
        if (tween.prop == "width") {
            $(dialogSel).dialog("option", "width", now);
        } else {
            $(dialogSel).dialog("option", "height", now);
        }
    }
});