javascript - jQueryEasyUI を使用して jQuery.show() で Div の幅が 0px になるのはなぜですか

Question

最初は非表示の親 div があります。div 内には、easyui アコーディオン div があります。親 div で show() メソッドを呼び出すと、easyui div が幅 0px で表示されます。div が最初に非表示になっていない場合は、幅の罰金が計算されます。

最初に div を非表示にしてから、それを表示するときに適切な幅を計算する適切な方法を知っている人はいますか?

<div id='masterDiv' style='display:none;'>
    <div class="easyui-accordion" style='height:475px;' data-options="border:false" > 
        <div title="Overview" class='accordionPanel' data-options="iconCls:'icon-no'" style="overflow:auto;padding:10px;">  
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>  
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>  
        </div>
        <div title="Checklist" class='accordionPanel' data-options="iconCls:'icon-no'" style="overflow:auto;padding:10px;">  
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>  
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>  
        </div>
     </div>
</div>


<script type='text/javascript'>
$(document).ready(function(){
    $('#masterDiv').show();
});
</script>