修复Chrome上的css/jquery动画问题

以下是网站：plantcatching.com

在搜索文本框中设置“Montreal”，然后按Enter键。地图应该放在那里并显示结果（我想在放大一个凹口后）。将从左侧滑动一个面板以查看结果列表。此面板附有一个白色箭头，以便可以折叠/展开它。发生的情况如下：

• 在IE/Firefox上：面板滑动良好
• 在Chrome上：面板第一次展开时，工作正常。那么任何 新的操纵说明了这一问题。小组的内容和 只有在jquery.animate（“左”）被选中后，选项卡才会改变位置 完成了

我让你看看firebug或其他开发栏下的css结构，但基本上chrome似乎不喜欢面板中的各种“位置：相对”css规则。问题是我无法控制他们。它们由jquery插件设置。要检查这是否是实际原因，只需缩小一点，直到出现一个小窗口，通知您应该再次放大。这将清空窗格的内容并将其折叠。由于窗格中不再有内容，请查看这次它是如何很好地关闭的

问题是：我应该如何修改css（第一部分控件），使其在Chrome中运行良好，并在其他浏览器中继续运行良好

---

如果有什么不清楚的地方，请告诉我，我会更新这个问题。
谢谢你的帮助。

这里没有答案，所以我决定自己修复它，只在chrome上采用css3转换。现在情况要好得多，但您会注意到，当面板滑动时，选项卡有点滞后。这在非webkit浏览器中不会发生