jquery animation for inline-block elements
Во время анимации (кроме fadeIN и fadeOut) jquery насильно выставляет элементам display:block, что ставит крест на анимации строчно-блоковых (inline-block) элементов.
НО, все просто: достаточно в CSS указать анимируемому элементу «display:inline-block!important» и jquery не перекроет его, анимация отработает без изменения display.
Так-то!
English version:
While animating, jquery sets the element's display property to "block", that makes impossible to animate inline-block elements.
BUT if you'll set CSS-property of animated element to "inline-block!important" - jquery woun't override it and animation will work without "display"-changing.
НО, все просто: достаточно в CSS указать анимируемому элементу «display:inline-block!important» и jquery не перекроет его, анимация отработает без изменения display.
Так-то!
English version:
While animating, jquery sets the element's display property to "block", that makes impossible to animate inline-block elements.
BUT if you'll set CSS-property of animated element to "inline-block!important" - jquery woun't override it and animation will work without "display"-changing.