Принудительный рендеринг по клику. как?

Question

[mynes]

Сайт - блог, написан в css. Каждая запись - отдельный блок. Записи оформлены спойлерами. При открытии спойлера блок с записью расширяется. Проблема в том, что тогда он скрывается за другим блоком, который остаётся неподвижным.

Если после этого свернуть браузер и развернуть (или перейти оконный режим-полноэкранный режим) - блоки сдвигаются в оптимальное положение.

Из этого следует вывод, что мне необходим принудительный reflow/relayout после каждого нажатия на спойлер. Гугление даёт лишь два-три сайта, советующих обращаться к свойствам, запускающим принудительный reflow. Толку ноль, видимо потому, что вызов необходим при каждом действии, а не в целом.

Спасибо за внимание.

Answer 1

[Александр Аксентьев]

jqueryui.com/accordion

Answer 2

[Павел Китьян]

Я обычно использую (в случае с jQuery): .hide().outerWidth().show()
А в чём проблема повесить это в обработчики событий от пользователя? Конечно, это не даст браузеру оптимизировать, но в вашем случае это не критично, imho.