Как стать автором
Обновить

Комментарии 14

Лучший скриптик меню для тыкания в тачскрин из тех, что я видел. Схоронил.
Сталкивался как-то с подобной задачей.
Реализация плавного сдвига — хорошая идея. Но очень важная составляющая упущена: наличие хлебных крошек.
Если на представленном примере вполне понятен предыдущий/следующий уровень (океан/страна/город), то зачастую меню сайтов не всегда имеет очевидную связь между родительскими и дочерними пунктами. Человек путается на каком уровне он находится, и в каком разделе находится.

Решение здесь простое: добавление хлебных крошек, клик по которым так же бы переносил пользователя на нужный уровень.
Еще один вариант есть: родительские разделы свертываем в бок, как здесь jquer.in/jquery-navigation-and-menu-plugins-from-2012/multi-level-push-menu/ (можно либо иконки, либо поворачивать текст на 90 deg)

а так — в избранное, конечно.
Кстати, если список большой, то кнопка «назад» потеряется и будет неудобно висеть в самом низу. Ее можно сделать (при варианте с хлебными крошками) боковой полоской слева/справа с иконкой "<"
Выскажу свое сугубо личное имхо: по-моему, было бы эргономичнее, если бы пункт «Back please» располагался первым в списке и, как вариант, почему бы не дать возможность возврата в корень (например, разбив этот пункт на два).

Каляки-маляки

I'm just saying, nothing personal..
Пункт назад можно поместить в самый верх с помощью опции backOnTop: true.
Разбивка да, интересный вариант, чтобы не кликать как сумасшедший до первого уровня)
Это же — шаг на пути к хлебным крошкам из верхнего пожелания.
Для длинных менюх пригодилась бы возможность иметь кнопку «Назад» и сверху, и снизу.
Или сделать её положение на экране фиксированным, что бы была видна всегда, как это часто встречается в мобильных UI.
Еще как вариант добавить определение touch-events и сделать действие назад по перемещению пальца вправо
Плагины jQuery: возрождение.
А они разве умирали? :)
Еще можно поддержку easing сделать.
Вообще уже есть настройка slideEasing. Так что можно подключить jQueryUI, например, и использовать easing.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий