如何在關閉另一個div後調整div區域

Question

我是Twitter bootstrap框架的新手。

我在主容器中有兩個Div容器。在每個有三個div的div容器中，我在div中放置了一個關閉按鈕。當我關閉頂部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> 

jQuery的

$("#oneClose").click(function(e) { 
$("#one").hide(); 
}); 

$("#twoClose").click(function(e) { 
$("#two").hide(); 
}); 

$("#threeClose").click(function(e) { 
$("#three").hide(); 
}); 

$("#fourClose").click(function(e) { 
$("#four").hide(); 
}); 

$("#fiveClose").click(function(e) { 
$("#five").hide(); 
}); 

$("#sixClose").click(function(e) { 
$("#six").hide(); 
}); 

感謝

Answer 1

哇，你愛寫代碼？使用類，如果所有的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> 

和你的JS

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

更多，如果我在格 「一個」，她disapear點擊？