title: How to build easyui layout with multiple nested layout?
body: <p>I have used easyui nested layout in my app. I refered the below code as given in  the easyui demo.</p>
  
  <pre><code>&lt;div class="easyui-layout" style="width:700px;height:350px;"&gt;
          &lt;div data-options="region:'north'" style="height:50px"&gt;&lt;/div&gt;
          &lt;div data-options="region:'south',split:true" style="height:50px;"&gt;&lt;/div&gt;
          &lt;div data-options="region:'east',split:true" title="East" style="width:180px;"&gt;&lt;/div&gt;
          &lt;div data-options="region:'west',split:true" title="West" style="width:100px;"&gt;&lt;/div&gt;
          &lt;div data-options="region:'center',iconCls:'icon-ok'" title="Center"&gt;
              &lt;div class="easyui-layout" data-options="fit:true"&gt;
                  &lt;div data-options="region:'north',split:true,border:false" style="height:50px"&gt;&lt;/div&gt;
                  &lt;div data-options="region:'west',split:true,border:false" style="width:100px"&gt;&lt;/div&gt;
                  &lt;div data-options="region:'center',border:false"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>The demo link is </p>
  
  <p><a href="http://www.jeasyui.com/demo/main/index.php?plugin=Layout&amp;theme=default&amp;dir=ltr&amp;pitem=" rel="nofollow">http://www.jeasyui.com/demo/main/index.php?plugin=Layout&amp;theme=default&amp;dir=ltr&amp;pitem=</a></p>
  
  <p>I need to use multiple inner layouts  like this.</p>
  
  <pre><code>&lt;div class="easyui-layout" style="width:700px;height:350px;"&gt;
           &lt;div data-options="region:'north'" style="height:50px"&gt;&lt;/div&gt;
           &lt;div data-options="region:'south',split:true" style="height:50px;"&gt;&lt;/div&gt;
           &lt;div data-options="region:'east',split:true" title="East" style="width:180px;"&gt;&lt;/div&gt;
           &lt;div data-options="region:'west',split:true" title="West" style="width:100px;"&gt;&lt;/div&gt;
           &lt;div data-options="region:'center',iconCls:'icon-ok'" title="Center"&gt;
               &lt;div class="easyui-layout" data-options="fit:true" id="innerlayout1"&gt;
                   &lt;div data-options="region:'north',split:true,border:false" style="height:50px"&gt;&lt;/div&gt;
                   &lt;div data-options="region:'west',split:true,border:false" style="width:100px"&gt;&lt;/div&gt;
                   &lt;div data-options="region:'center',border:false"&gt;&lt;/div&gt;
               &lt;/div&gt;
               &lt;div class="easyui-layout" data-options="fit:true" id="innerlayout2" style="display:none;"&gt;
                            &lt;div data-options="region:'north',split:true,border:false" style="height:50px"&gt;&lt;/div&gt;
                            &lt;div data-options="region:'west',split:true,border:false" style="width:100px"&gt;&lt;/div&gt;
                            &lt;div data-options="region:'center',border:false"&gt;&lt;/div&gt;
               &lt;/div&gt;
               &lt;div class="easyui-layout" data-options="fit:true" id="innerlayout3" style="display:none;"&gt;
                            &lt;div data-options="region:'north',split:true,border:false" style="height:50px"&gt;&lt;/div&gt;
                            &lt;div data-options="region:'west',split:true,border:false" style="width:100px"&gt;&lt;/div&gt;
                            &lt;div data-options="region:'center',border:false"&gt;&lt;/div&gt;
               &lt;/div&gt;
           &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>The first innerlayout is visible by default and for this east region has to be in expanded condition. And when another innerlayout is made visible , the other inner layouts are hidden and east region is collapsed. My problem is when east region is collapsed there occurs a white space between centre and east regions. I want the centre region to get enlarged so that the space wont come.</p>
  
  <p>Sorry for my poor English. Please help me to fix this.</p>