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; 
    };