Как сделать чтобы соседние блоки _плавно_ занимали место блока скрытого через fadeOut()?

Question

[Роман]

Здравствуйте.

При скрытии блока при помощи fadeOut() его место занимают соседние блоки. Резко.

А как сделать чтобы они плавно заполняли освободившееся пространство?

Спасибо.

Comments

[Алексей Юдов]

Самим блокам пробовали добавить свойство transition?

.my-box {
  transition: all .5s linear; // анимирует все, исчиляемые изменения свойств
}

[Роман]

TCloud, спасибо! Попробую!

[Антон Усачев]

Можно сделать визуальный обход, весь через animate или через css-transitions и animate.
Например, так:

var $elem = $('.element');

$elem
	.animate({
		opacity: 0
	}, 500, function() {
		$elem.slideUp(500);
	});

[Алексей Юдов]

Роман, отметь решением если сработало, дабы вопрос не оставался без ответа и имел пользу в сети.

[Роман]

TCloud, да я только за, но оно не работает (Яндекс.браузер)

[Роман]

Антон Усачев, не, это как-то замороченно выглядит))

btw, спасибо, я вместо фейдаут сделал slideUp (мне не принципиально) - и теперь проблема не стоит))))))