как динамически увеличивать высоту и ширину диалогового окна jquery с некоторым эффектом

когда я показываю свое диалоговое окно, высота моего диалогового окна равна 100, а ширина - 100, как

$("#dialog").dialog({
    autoOpen: true,
    height: 100,
    width: 100,
    modal: false,
    draggable: false,
    resizable: false,
});

, и загрузка данных происходит в фоновом режиме, и когда данные полностью загружены, потому что jquery ajax имеет параметр успеха, и оттуда мы можем определить, что данные загружены, затем Я покажу эти данные в своем диалоговом окне. Предположим, что данные, которые я хочу показать в диалоговом окне, должны иметь больше места, например, высота должна быть 300, а ширина должна быть 300. Так что, когда я перенесу эти большие данные в диалоговое окно, размер диалогового окна изменится автоматически или нет?

если нет, то как я могу программно увеличить высоту и ширину диалогового окна? Какой-то эффект, например, постепенно высота и ширина будут увеличиваться, и данные появятся в диалоговом окне с эффектом затухания .... как этого добиться. нужна помощь с кодом. спасибо