нужна помощь в улучшении горизонтального скольжения

Question

У меня есть этот скрипт:

http://jsfiddle.net/NV2uV/

Работает, но мне не нравится.

Минусы:

1. Гаечный ключ (краевые блоки).
2. При переходе от одного устройства к другому анимация выполняется в два этапа (я хочу непрерывную анимацию).
3. Код скрипта не красивый - очень много повторений.

Короче - выглядит не очень красиво.

Как улучшить скрипт, чтобы он смотрел на анимацию, и это было хорошо для глаз (если у вас есть готовые решения - скажите, пожалуйста).

---

Обновление:

Если вы установите анимацию меньше - эта анимация выглядит довольно хорошо.

Обновление 2:

Я нашел решение: в функцию animate необходимо добавить параметр " queue: false ", тогда анимация не будет реализована не последовательно, а одновременно.

http://jsfiddle.net/TtHBy/

Но все же я не люблю много повторений в моем сценарии, как его можно вырезать и сделать его красивым?

Answer 1

Вы хотите горизонтальное меню Аккордеон? Вы можете посмотреть на этот пример jQuery: http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

А вот еще один пример: http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

И еще: http://tympanus.net/Tutorials/ElegantAccordion/