Воспроизведение скользящего эффекта флэш с jQuery

Question

Недавно мне поставили задачу реплицировать http://www.rasikarestaurant.com/rasika.html в HTML5 и jQuery.

В настоящее время я пытаюсь добиться эффекта, когда меню скользят вверх за изображениями при нажатии стрелки (см.раздел меню для лучшего примера) и мне было интересно, возможно ли это на самом деле в jQuery.

Пока у меня есть http://jsfiddle.net/wxRnf/1/, что вроде как, но я не уверен, что это лучшийподход.

Любой совет, который вы могли бы предложить, был бы великолепен!Спасибо.

Answer 1

Изображение является хорошим ориентиром. Таким образом, используя элемент, выбранный в данный момент, и найдя ближайший «the-box», вы можете собрать все элементы html. Затем вы можете клонировать их, но скрытые, до или после поля, в зависимости от того, нашли ли вы предыдущий или следующий брат или сестру. Наконец, вы выполняете анимацию, закрывающуюся одновременно с анимацией, чтобы та исчезла / одна из них появилась. Определенно выполнимо, я бы сказал.