jquery - jQuery动画不适用于chrome

Question

我正在制作一个包含三个部分的面板来显示一些信息并为此使用 jQuery。

一切都在 FF 中完美运行，但 Chrome 不知何故不会为 removeClass 设置动画，但它会为稍后出现的 addClass 设置动画！

我做了一个小提琴，在 FF 上尝试，然后在 Chrome 上查看悬停动作的动画差异：http: //jsfiddle.net/cqg6r/2/

我猜问题出在这篇文章中：

jQuery(this).removeClass("shown", 1000); 

但是，我整天都在挖掘和搜索，无法看到它到底在哪里。

（如果我的代码很乱，请原谅，我是新手。另外，我正在使用 jQuery 而不是 $，因为有问题的网站在 WordPress 上运行。）

Answer 1

为此使用动画

这是jsfiddle 链接

jQuery(document).ready(function(){
  jQuery(".filter1, .filter2, .filter3").hover(function(){
     jQuery(this).stop().dequeue().animate({right:'0'},1000);
  }, function(){
     jQuery(this).stop().dequeue().animate({right:'-380px'},1000);
  });
});