несколько одновременных анимаций
 

помогите пожалуйста разобраться в вопросе

на страничке в .nav_top реализовал меню как на apple.com . проблема в том, что при клике по полю поиска анимация блока .search_form отстаёт по скорости от анимации блока .nav_top ul

я понимаю процесс так. анимация происходит в changeWidth(). при каждом проходе цикла:
1. уменьшается на 1px ширина каждого пункта меню(выстраивается очередь 10ms * 8 = 80ms)
2. увеличивается на 8px ширина блока поиска(добавляется в очередь еще несколько ms)
3. очередь в данный момент свободна, начинается следующий проход цикла(п. 1)

Жесть то какая, css3 transition не слышал не?

я хотел бы именно разобраться в вопросе на этом примере потому что как видите не понимаю механизма очереди

Нет смысла делать "последовательно" 8 анимаций по Х пикселей, сделайте одну на 8*Х пикселей. Для пунктов меню и строки поиска используйте одно и тоже время, чтобы анимация завершилась одновременно. Сейчас не скажу точное число, но jquery.animate() игнорирует (не хвататет быстродйствия) время анимации, меньшее, по-моему, 100 ms

скажите пожалуйста что значит "использовать одно время для нескольких анимаций". я не представляю на какую конструкцию заменить цикл