尝试用 Jquery 替换 CSS 过渡答案

【问题标题】：Trying to Replace CSS transition with Jquery尝试用 Jquery 替换 CSS 过渡
【发布时间】：2013-06-16 19:56:35
【问题描述】：

我正在开发一个具有全屏宽度下拉子菜单的导航菜单。我正在使用 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 任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

试试这个：http://ricostacruz.com/jquery.transit/

是一个非常好用的jquery插件

【讨论】：

文档说：“Transit 通过简单地不进行转换（旋转、缩放等）而仍然在没有任何动画的情况下执行标准 CSS（不透明度、marginLeft 等）来降低旧浏览器的性能。延迟和持续时间将被忽略。”我认为这意味着我仍然会遇到同样的问题 - 旧版本的 IE 中没有动画。