Попытка заменить переход CSS на Jquery

Я работаю над навигационным меню, в котором есть раскрывающееся подменю на всю ширину экрана. Я использую переходы CSS для анимации раскрывающегося списка. Он прекрасно работает в FF и Chrome, но не работает в старых версиях IE. Поэтому я ищу решение jQuery, которое может заменить этот фрагмент кода:

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

В частности, я ищу способ использовать jQuery для прокрутки подменю (и, если возможно, одновременного появления), когда зависают ссылки верхнего уровня. Кто-нибудь может помочь? Вот рабочая скрипта с использованием переходов CSS, показывающая эффект, которого я хочу добиться с помощью jQuery: jsFiddle Любой Помощь будет принята с благодарностью!


person John    schedule 16.06.2013    source источник


Ответы (1)


попробуйте это: http://ricostacruz.com/jquery.transit/

это очень полезный плагин jquery

person Pine    schedule 16.06.2013
comment
В документации говорится: Transit ухудшает работу старых браузеров, просто не выполняя преобразования (поворот, масштабирование и т. д.), но при этом выполняя стандартные CSS (непрозрачность, marginLeft и т. д.) без какой-либо анимации. Задержки и продолжительность будут игнорироваться. Я думаю, это означает, что у меня все равно останется та же проблема - отсутствие анимации в старых версиях IE. - person John; 16.06.2013