Синхронизация анимации jQuery для Chrome, Safari и т. Д.

Question

Каков наилучший / правильный способ синхронизации анимации с jQuery?Мне нужно убрать небольшой джиттер в анимации для горизонтального аккордеона.

Вот ссылка на проблему (сайт находится в стадии разработки).http://repaintthecity.com/new/index_2.html

Вот копия проблемы в jsfiddle, если тестовый сайт работает: http://jsfiddle.net/cj4MQ/1/

Джиттер анимации происходит в крайнем правом блоке.Я пробовал возиться с очередью анимации, но ни одна из реализаций не удаляет джиттер полностью.Любая помощь / предложения будут с благодарностью.

Answer 1

Хотя кажется, что обе анимации происходят одновременно, это не так.Для всех практических целей представьте, что они по очереди меняют свою ширину.(прочитайте http://ejohn.org/blog/how-javascript-timers-work/)

Простой ответ: вы не можете и, вероятно, не должны. Вы анимируете 2 ширины в одном потоке javascript. Вы обязательно столкнетесь с дрожанием, независимо от того, что если вы попытаетесьанимируйте это таким образом.

Вы можете попытаться скрыть дрожание, анимируя ширину контейнера до фиксированной ширины, в то же время заставляя последний элемент вправо.