jquery调整子div不刷新它上面的div的内容

Question

调整第一个div的大小，而不是刷新第一个div绘图内容的内容。

<script type="text/javascript">
    $('#first').layout({
        applyDefaultStyles: false
    });

    $('#second').layout({
        applyDefaultStyles: false
    });
</script>

<div id="assembly" class="clearfix">
    <div id="breadcrumbs" class="ui-layout-north">
        <div class="inner">
            @{Html.RenderPartial(T4MVC.SharedController.ViewNames._ProductCatalogBrandCrambs, Model);}
        </div>
    </div>
    <div class="ui-layout-center" id="first">
        <div id="drawing" class="ui-layout-north" style="overflow:hidden;" >
            @{Html.RenderPartial("~/Views/ProductCatalog/DrawingViewerPartial.cshtml", Model);}
        </div>
        <div id="description" class="ui-layout-center">
            <div style="HEIGHT: 23px; WIDTH: 100%; border: 1px; padding: 0; background-color: rgb(238, 238, 238);" class="gridHeader">
                  Description
            </div>
            <div>
                @{Html.RenderPartial("~/Views/ProductCatalog/PartialPartDesc.cshtml", Model);}
            </div>
        </div>
    </div>
    <div class="ui-layout-east" id="second">
        <div id="bom-list" class="ui-layout-north">
            @{Html.RenderPartial(SOTWebMVC.Controllers.ProductCatalogController.ViewNames._BOMPartial, Model);}
        </div>
        <div id="spec" class="ui-layout-center">
            @{Html.RenderPartial("~/Views/ProductCatalog/PartialPartSpec.cshtml", Model);}
        </div>
    </div>
</div>