Javascript jQuery：自定义水平手风琴宽度问题

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

然而，我的主要缺点是（和客户）如果你看右边，当宽度上下移动时，总是有轻微的移动/闪烁

理想情况下，我希望它看起来平滑，因此只有开始/结束列表有移动

任何建议都将不胜感激

A.

您可以尝试找出错误的方法。所提供的例子过于华而不实

---

你玩过jQuery UI评测吗？

你也可以在div打开时尝试停止活动

有说明的网站是：

使用函数的

步骤（没有很好的文档）。。。我已经更新了

插件中使用了类似的方法。
Hmmm。。。这是个棘手的问题。一定与舍入误差有关。我一直在玩把宽度改成%年龄的游戏，但这不好。我会坚持下去，看看能不能想出什么办法。我也一直在尝试绝对定位，但还是无法让它发挥作用。这很令人沮丧。如果你调整屏幕大小，这个插件做得不太好：（太糟糕了，它看起来很好！+1在Chrome中仍然有点抖动，但几乎是不可察觉的！老套…有没有一种方法太过编辑（）所以所有的面板都以相同的宽度开始，然后平滑地展开/收缩？这样做有点复杂，因为你必须计算并保存均匀展开和收缩的面板大小。你现在要求的正是Kwicks插件的功能，所以我建议你试试？
var panels = $('#promo li');

panels.hoverIntent(

function() {
    if (!$(this).is('.expanded') && !panels.is(':animated')) {
        $(this).animate({
            width: 200
        }, {
            // width is the calculated width, ani is the animation object
            step: function(width, ani) {
                var w = Math.floor(width);
                // use 250 so we end up with 50 as the reduced size
                $('.expanded').css('width', (250 - w) + 'px');
                $(ani.elem).css('width', (200 - w) + 'px');
            },
            duration: 500,
            complete: function() {
                panels.removeClass('expanded');
                $(this).addClass('expanded');
            }
        });
    }
}, function() {});