CSS转换导致jQuery动画失败

Question

我很难获得CSS转换(将div缩放到1.05，它的原始大小)，以便在下面的页面上与jQuery动画一起很好地播放：

http://www.griffinlive.com/video-packages

当您在一个彩色div上悬停时，您可以看到CSS的转换，单击Email Us按钮会触发一个动画，但是动画被剪短了。

我已经确认，删除CSS动画允许jQuery动画正确显示。

我已经确定了两个行动方案：

• 从我的样式表中删除CSS转换并使用jQuery重新创建效果。当使用将触发动画的链接时，
• 将删除CSS转换。

。

我认为第一个选择是更好的两个，因为它允许动画复位到零，然后才被拿走。但我对更好的想法持开放态度，因此在这里发布了这个小问题。

谢谢您能提供的任何帮助。

Answer 1

我也会选择第一种选择。

我将动画，而不是这样点击，并使他们消失的眼睛-糖果方式(我个人喜欢不透明度0效果，也就是.fadeOut() -它允许我发挥非可见但不透明的元素通过jQuery)。

$('#prices>div').not($clicked).animate({...});

然后，我会用如下代码将单击的元素动画化到左侧：

$('#prices>div').is($clicked).animate({'left':'0'});

那么我想你会希望邮件表格出现在右边？我会把它淡入。

我应该注意的是，我还没有测试过这些代码中的任何一个，只是从头上写来说明我的意思。我希望这能帮到你。