jQuery UI幻灯片效果问题

Question

我正在重新设计我的公司网站，我们正在使用jQuery，Flash等进行相当大的效果。到目前为止，我没有遇到任何问题，但两个小问题不断出现，在问到这里的人之后，我什么都没有成功，所以这里有：

有问题的开发页面:(已删除网址）

第一期

点击“结果”下方顶部导航栏中的绿色箭头。这应该从右到左滑出菜单。它在Firefox中的行为应该如此，但是IE和Safari在页面中间开始向左滑动动画，然后将菜单移回它所属的位置。我不知道为什么它这样做，因为菜单本身绝对位于CSS中。另一个问题是，一旦菜单打开并且您尝试关闭它（使用类似颜色的箭头），它将在Firefox中转换，但在转换完成后再重新出现。在IE和Safari中，菜单会永久消失，但动画会再次从页面中间开始。

第二（sorta）问题

如果可以解决这个幻灯片的问题，我想对底部的“桶”应用类似的效果，当你点击它们下面的灰色箭头框时，它会向上和向下滑动。目前，我正在攻击jQuery中的.animate函数，首先增加高度，然后应用负边距，如下所示：

$('#footer-bucket1')
    .animate({ height: '392px' }, 300)
    .animate({ marginTop: '-306px'}, 300)
    .addClass('bucket-open');

当我向其应用向上滑动过渡时，我可以看到该框变得越来越大，但是在向下的方向上，离开页面（有溢出：隐藏应用于它）。有没有办法指定框从字面上滑动以显示内容，就像现在一样？提前谢谢！

Answer 1

首先，我会为所有img元素提供固定的width和height以及display个inline，然后再进一步了解。

更好的是将它们用作css background-image。