title: How to sliding up div container , which the div container one below another after collapse the first div container?
body: <p>I am having two div container like one below another , after collapsing the first div container the below container should move up.In this scenario i am not able to move the below container to up.How to do this ?</p>
  
  <pre><code>&lt;!-- here is 1st conatiner  --&gt;
  &lt;section id="widget-template" class="widget grid-stack-item grid-stack-item-content"&gt;
        &lt;header&gt;
                 &lt;h5&gt;&lt;span class="widget_name fw-semi-bold"&gt;Widget&lt;/span&gt;&lt;/h5&gt;
                 &lt;div class="widget-controls" style="width: 200px;"&gt;
  
                    &lt;a data-widgster="expand" title="Expand" href="javascript:void(0);" onclick="widgetExpand(this)"&gt;&lt;i class="glyphicon glyphicon-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;
                    &lt;a data-widgster="collapse" title="Collapse" href="javascript:void(0);" onclick="widgetCollapse(this)"&gt;&lt;i class="glyphicon glyphicon-chevron-down"&gt;&lt;/i&gt;&lt;/a&gt;
  
                 &lt;/div&gt;
             &lt;/header&gt;
             &lt;div class="widget-body" style="margin-left: auto;top: 9%;"&gt;!-- here is my chart  --&gt;&lt;/div&gt;
             &lt;
        &lt;/section&gt;
  
   &lt;!-- here is 2nd conatiner  --&gt;
  
  &lt;section id="widget-template" class="widget grid-stack-item grid-stack-item-content"&gt;
        &lt;header&gt;
                 &lt;h5&gt;&lt;span class="widget_name fw-semi-bold"&gt;Widget&lt;/span&gt;&lt;/h5&gt;
                 &lt;div class="widget-controls" style="width: 200px;"&gt;
  
                    &lt;a data-widgster="expand" title="Expand" href="javascript:void(0);" onclick="widgetExpand(this)"&gt;&lt;i class="glyphicon glyphicon-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;
                    &lt;a data-widgster="collapse" title="Collapse" href="javascript:void(0);" onclick="widgetCollapse(this)"&gt;&lt;i class="glyphicon glyphicon-chevron-down"&gt;&lt;/i&gt;&lt;/a&gt;
  
                 &lt;/div&gt;
             &lt;/header&gt;
             &lt;div class="widget-body" style="margin-left: auto;top: 9%;"&gt;  &lt;!-- here is my chart  --&gt;&lt;/div&gt;
  
        &lt;/section&gt;    
  </code></pre>
  
  <p>I am having collapse button for both container, after collapsed first container the second container should move up.   </p>