изменения полей после анимации jQuery .slidDown ()

Question

Я создал этот сайт на работе, http://eco -spirit.ca / , (версия IE еще не закончена, поэтому ее лучше просматривать в Chrome / Safari / Firefox), и когда вынажмите на значки в верхней части. Я использую метод .slideDown (), чтобы показать маленькую рекламу.Все работает так, как просил начальник, но сразу после анимации я заметил, что текст увеличивается примерно на 10-15 пикселей, как будто поле изменяется.И он делает то же самое, когда вызывается метод .slideUp ().

Кто-нибудь знает, почему это произойдет?

(ps я не создавал этот сайт, я просто запрограммировал его)

Answer 1

Когда элементы HTML анимируются, они имеют стиль отображения «блок» и абсолютно позиционируются. Поля этих элементов не учитываются при расчете окружающих элементов во время анимации. После завершения анимации их исходные атрибуты отображения и положения восстанавливаются.

Лучший способ справиться с этим - поместить поля для этих элементов в элемент контейнера, который не анимирован.