jquery顯示/隱藏分區

Question

我正試圖實現這樣的。

我總共有4個div。每個div都有複選框。

所以它是這樣

1 2 3 4

我想要做的是，在2，3，4格複選框是可選的。但一旦div被檢查，另外2個div將被隱藏。

比方說，如果我會選擇3，2和4將被隱藏。到這個階段，我能夠做到。但我得到的問題是關於

2和4後隱藏。佈局變成這樣

1 3

2和4個div仍然存在，所以它們之間仍然有間距。

我想只是

1 3

我怎樣才能做到這一點？

Answer 1

如果你做這樣的事情（除去的innerHTML的div內）：

$（ 「＃DIV 1，DIV＃3」）的html（ 「」）;

這項工作？

Answer 2

從我可以理解的，你似乎並沒有隱藏的div，但div的內容。爲了使它們完全不可見，您需要使用hide()方法。

$("#div2, #div4").hide(); 

這需要的div出頁的流量完全

Answer 3

投入複選框：

onclick="return swapdivs('div4');" 

把這個div的

<div id="div4"> 
</div> 

這是您的JS：

function swapdivs(id){ 
    $("#"+id).toggle("fast"); 
    return false; 
    };