jquery - 内部コンテンツに基づいてスクロールバーのサイズを自動的に変更して追加する

Question

内部にJQueryタブ機能があるこのJQueryダイアログがあります。私の問題は、タブの内容に基づいてダイアログのサイズと位置を変更したいということです。

最初のタブの内容が画面サイズに収まるかどうかにかかわらず、かなりうまく機能する次のコードがあります (これはダイアログ オブジェクトを参照します)。

if ($(this).parent().height() > $(window).height()) {
   $(this).height($(window).height() * 0.8);
}
$(this).dialog({
   position: "center"
});

別のタブの内容が異なる場合は、ダイアログにそれ自体を再描画させたいと思います。

これはfiddleの例です。

どうすればこれを実装できますか?