jQuery：自定义水平手风琴样式展示问题

Question

我正在尝试创建一个自定义水平手风琴风格展示柜。就实际功能而言，我有框架（可以在这里看到）：

http://www. jsfiddle.net/adrianjacob/UdUus/

然而，我（和客户）的主要问题是，如果你看最后一个里的右侧，当宽度动画向上时，总是会有轻微的移动/闪烁向下。

理想情况下，我希望它看起来很平滑，当其他东西调整大小时，最后一个项目不会有危险的移动。知道我该如何实现这一目标吗？

一个。

Answer 1

我尝试了另一种方式： http://www.jsfiddle.net/elektronikLexikon/4mBYE/

.promo 的宽度始终为 200px，并使用此脚本向左或向右移动：（

$("#promo div").mouseenter(function() {
    i = parseInt($("#promo div").index(this));
    $(this).animate({
        left: i*50
    }, 500).nextAll().each(function(j) {
        $(this).animate({
            left: (i+j)*50+200
        }, 500);
    });
});

在 jsFiddle 中，我也使用hoverIntent）