I'm using .animate() for a rotating navigation menu of 5 items, where
the currently selected item is in the center. When I click on an icon
next to the central everything works ok, but when I click on an icon
to the far left or far right, two calls to .animate() are needed per
icon for all icons to move correctly. The problem is that there is
about a second of pause between the two animations for the same icon
when I set queue: true. The effect is the same if I put the other call
to .animate() into callback function of the first. Is there any way to
get a seamless animation using multiple calls to .animate()? I tried
queue: false but, as expected, the second call to .animate() will
interrupt the first and the icons will not move correctly.