Javascript 将jquery对话框调整为内容的动画

我有一个ajax调用，它将替换jquery对话框中的内容。如何让对话框将调整大小设置为内容大小的动画？我使用的是自动高度传感器

我正在创建这样的对话框：

$(function() {
        $( "#photo_library" ).dialog({
            modal: true,
            show: 'fade',
            hide: 'fade',
            width: 950,
            autoResize: true,
            open: function(event, ui){$(".ui-dialog-titlebar-close").hide();}
        });
    });

---

我还有另一个javascript函数，它替代了photo_库中的html。因此，我希望平滑地调整大小以适应这种情况。

是否可以将新的HTML内容插入带有

display:none设置，并使用jQuery动画功能，如
.show（）
或
.slideDown（）
来提供调整动画大小的效果

我已经创建了这个测试代码，虽然它可能需要一些小的调整，但我认为它接近要求：

<script type="text/javascript">

        function increaseContent () {
            $("#photo_library").html('<div id="test" style="display: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec diam quis magna convallis malesuada in non urna. Fusce neque felis, tempor id viverra et, lobortis eu libero. Sed tincidunt condimentum metus et euismod. Quisque rutrum nisl ac dui vehicula eu tincidunt felis sodales. Nulla a mattis elit. Suspendisse vestibulum erat ut lacus semper dignissim. Vivamus imperdiet, tellus eget facilisis dictum, libero est ultrices felis, et tristique nibh dolor non ante. Duis vulputate neque nec libero ullamcorper in sollicitudin velit tincidunt. Nullam hendrerit risus at diam consequat lacinia id sit amet nulla. Duis turpis nulla, tristique sit amet sodales tempus, faucibus et tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur et eros sapien. Integer urna velit, dictum id interdum et, malesuada sed est. Sed tempor mauris velit, eu tincidunt eros. Pellentesque et lobortis odio. Praesent vestibulum, nibh in aliquam tempus, dolor felis pharetra enim, sit amet sagittis urna nulla quis turpis. Vivamus sit amet lectus eget purus laoreet porta. Nullam eget enim eget nisl venenatis ornare. Integer tempus consequat condimentum. Etiam cursus est tortor, nec porttitor dolor. Donec nec lectus ante. Duis laoreet blandit commodo. Donec mollis neque eget diam ornare dignissim sit amet eget tellus. Proin nec nibh non libero laoreet fringilla sed quis nisl. Cras eget lectus elit, eu facilisis lorem. In in velit diam, vitae placerat leo. Nulla eu nunc nec sem sagittis sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In odio mauris, iaculis sit amet placerat eu, tincidunt id lacus. Sed a egestas neque. Nam id molestie lectus. Fusce tincidunt elit vel nisi varius ut bibendum justo pellentesque. Nullam consequat urna quis est elementum laoreet. Proin ultrices pretium massa, et placerat arcu semper id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris tempor urna id eros pellentesque eu dignissim libero cursus. Praesent vitae quam libero, sed ornare magna. Maecenas eget pretium lorem. In at augue mauris, non mollis orci. Ut condimentum augue ac ipsum consequat luctus. Cras non imperdiet est. Praesent pellentesque adipiscing justo vitae lobortis. Vestibulum hendrerit metus eget turpis pretium rhoncus. Nulla facilisi. Ut metus leo, facilisis eget feugiat ac, pharetra sed velit. Aenean malesuada fermentum metus ac iaculis. Nullam et quam ut mi facilisis rhoncus at sed dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur malesuada accumsan volutpat. Sed pharetra, nulla vitae eleifend dictum, enim arcu euismod mauris, ac accumsan urna sapien nec lacus.</div>');
        }
        function resizeContent() {
            $("#test").slideDown(1500);
        }

        $(function() {
            $( "#photo_library" ).dialog({
                modal: true,
                show: 'fade',
                hide: 'fade',
                width: 950,
                autoResize: true,
                open: function(event, ui){$(".ui-dialog-titlebar-close").hide();}
            }); 

            setTimeout("increaseContent()", 5000);
            setTimeout("resizeContent()", 6000);
        });
    </script>
    <div id="photo_library">Hello!</div>


函数增量内容（）{
$（“#照片库”）.html（‘Lorem ipsum Door sit amet，在非民革联的《马莱苏阿达大宪章》中担任领袖的精英人物。猫咪、临时维韦拉和自由之门。酒味调味品和酒味调味品。猫咪苏打水的二次酒后酒。马蒂斯精英无酒。前庭悬置物和腔隙尊贵的人。过着神圣的生活，告诉我们我们的是什么，我们的猫有什么特别的自由，我们的狗有什么特别的权利。我们的狗有什么特别的自由，我们的狗有什么特别的权利。我们的狗有什么特别的权利在《浮雕》或《浮雕》或《浮雕》和《浮雕》中的“同一性原则”；在《浮雕》和《智者》中的“同一性原则”；在《浮雕》中的“同一性原则”，在《浮雕》中的“同一性原则”；在《浮雕》中的“同一性原则”；在《浮雕》中的“同一性原则”；在《浮雕》中的“同一性原则”，在《浮雕》中的“同一性原则”；在《浮雕》中，在《浮雕》中的“同一性原则”中，在《浮雕》中，在《浮雕》中，在《浮雕中的“浮雕”中的“浮这句话的意思是：“活的人坐在老里特的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前，不坐在威尼斯的门前这是一个充满智慧的社会，是一个充满智慧的社会，是一个充满智慧的社会，是一个充满活力的社会，是一个充满活力的社会，是一个充满活力的社会这是一个精英阶层，他们的生活方式多种多样，但都是佩伦特斯式的。这是一种不受欢迎的生活方式。这是一种不受欢迎的生活方式。这是一种不受欢迎的生活方式在奥古斯·莫里斯（augue mauris）、非莫利斯（non mollis orci）、但调味品奥古斯（augue ac ipsum）和卢克图斯（consequat luctus）、非帝王饮食（Cras non imperdiet est）、佩伦特斯（Present Pellentersque）和维塔·洛博蒂斯（Vita lobortis）、前庭（hendrerit metus metus eget turpis rhoncus）、无设施（nula facilisi）、设施（metus leo）、设施（eget feugiat ac）、法雷特拉s）和（pharetra s）ed velit.Aenean malesuada酵母菌metus ac iaculis.在sed dolor.Nullam and quam ut me facilisis rhoncus.Cum sociis natoque penatibus and magnis dis-parturint montes，nascetur ridiculus mus.Curabitur malesuada accumsan acumsan acumsan acumsan acculat.sed pharetra，nula vitae eleifend dictum，enim arcu euismod mauris，ac acumsan sapien nec lacus.）；
}
函数resizeContent（）{
$（“测试”）。向下滑动（1500）；
}
$（函数（）{
$（“#照片库”）。对话框({
莫代尔：是的，
节目：“褪色”，
隐藏：“褪色”，
宽度：950，
自动调整大小：正确，
打开：函数（事件，ui）{$（“.ui对话框标题栏关闭”）.hide（）；}
}); 
setTimeout（“increaseContent（）”，5000）；
setTimeout（“resizeContent（）”，6000）；
});
你好
这是同一个问题吗：？您还尝试了什么？如果您已经尝试过，请不要让我们搜索答案…这是我发现的唯一一个与此相关的答案。您的意思是重新定位或调整大小吗？这对我来说似乎很好：我希望它能够顺利过渡对话框的大小调整。因此，请伸展顶部和底部