这可能看起来像一个非常基本的问题,但我被卡住时动画的高度div
。有多个div与css float:left
。当我click
特殊div的高度应该增加。但既然它的高度在增加,其他div的位置也在变化。我不希望它们改变它们的位置。我想要的是,div下方的div应该向下移动而不会影响其他div。动画高度onclick内嵌div
这里是代码。
$("div").click(function() {
if ($(this).height() != 100)
$(this).animate({
height: 100
}, 1000);
else
$(this).animate({
height: 150
}, 1000);
});
div {
height: 100px;
width: 100px;
border: 2px solid;
float: left;
margin: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
HELLO WORLD 1
</div>
<div>
HELLO WORLD 2
</div>
<div>
HELLO WORLD 3
</div>
<div>
HELLO WORLD 4
</div>
<div>
HELLO WORLD 5
</div>
<div>
HELLO WORLD 6
</div>
<div>
HELLO WORLD 7
</div>
<div>
HELLO WORLD 8
</div>
<div>
HELLO WORLD 9
</div>
<div>
HELLO WORLD 10
</div>
我看见了,会随着你使用花车告诉,在HTML组内容更好地列inyto一个格一列 –