Это может показаться очень простым вопросом, но я застрял во время анимации высоты div
. Есть несколько div с css float:left
. Когда я click
, конкретный div его высота должна увеличиться. Но с тех пор его высота увеличивается, все остальные позиции div также меняются. Я не хочу, чтобы они меняли свое положение. Что я хочу, так это то, что div чуть ниже target
div должен двигаться вниз, не затрагивая других div.Высота анимации onclick inline 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 в одном DIV для одной колонки –