Question

我想要实现这样的目标。

我总共有4个div。每个div都有复选框。

所以就像这样

1  2  3  4

我想要做的是，当选择2个，3个，4个div复选框时。但是一旦检查了div，另外2个div将被隐藏。

让我们说，如果我选择3,2和4将被隐藏。直到这个阶段，我能够做到。但我得到的问题是关于

2和4之后隐藏。布局变得像这样

1    3

2和4 div仍在那里，所以它们之间仍有间距。

我想要的只是

1 3

我怎样才能做到这一点？

Answer 1

从我能理解的，你似乎并没有隐藏div而是div的内容。为了使它们完全不可见，您需要使用hide()方法。

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

这将完全取消页面流中的div

Answer 2

如果你做这样的事情（删除div中的innerHTML）会怎么样：

$（“div＃1，div＃3”）。html（“”）;

这会起作用吗？

Answer 3

点击复选框：

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

把它放到divs

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

这是你的js：

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