Jquery 关闭另一个div后如何调整div区域

我是Twitter引导框架的新手

我在一个主容器中有两个Div容器。在每个有三个div的div容器中，我在div中放置了close按钮。当我关闭顶部div时，底部div出现，就像这样，如果我关闭所有div，则右侧容器应该位于左侧

HTML代码

<div id="DashboardCanvas">
 <div class="colDashboard ui-sortable col-one">
  <div id="one"><a id="oneClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="two"><a id="twoClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="three"><a id="threeClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
 <div class="colDashboard ui-sortable col-two">
  <div id="four"><a id="fourClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="five"><a id="fiveClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="six"><a id="sixClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
</div>

---

谢谢

哇，你喜欢写代码吗？如果所有div都相同，请使用类

<div id="DashboardCanvas">
 <div class="colDashboard ui-sortable col-one">
  <div id="one" class="number"><a id="oneClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="two" class="number"><a id="twoClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="three" class="number"><a id="threeClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
 <div class="colDashboard ui-sortable col-two">
  <div id="four" class="number"><a id="fourClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="five" class="number"><a id="fiveClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="six" class="number"><a id="sixClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
</div>

---

更多信息，如果我点击div“one”，她会说什么

你能给我提琴吗？

<div id="DashboardCanvas">
 <div class="colDashboard ui-sortable col-one">
  <div id="one" class="number"><a id="oneClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="two" class="number"><a id="twoClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="three" class="number"><a id="threeClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
 <div class="colDashboard ui-sortable col-two">
  <div id="four" class="number"><a id="fourClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="five" class="number"><a id="fiveClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
  <div id="six" class="number"><a id="sixClose"><span class="glyphicon glyphicon-remove-circle"></span></a></div>
 </div>
</div>

$('.number').each(function(){
  $(this).click(function(){
    // do what you want when element is clicked
  })
});