jQuery: нестандартная горизонтальная аккордеонная стилизация

Question

Я пытаюсь создать собственную витрину в стиле аккордеона.С точки зрения реальной функциональности, у меня есть структура (которую можно увидеть здесь):

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

Однако моя главная ошибка медведя (и клиентов) заключается в том, что если вы посмотрите нас правой стороны последнего li всегда есть небольшое движение / мерцание, поскольку ширина оживляет вверх и вниз.

В идеале я хочу, чтобы он выглядел плавным, без изворотливых движений на последнем элементе, поскольку другие вещи изменяют размер.Есть идеи, как мне этого добиться?

A.

Answer 1

Я пробовал по-другому: http://www.jsfiddle.net/elektronikLexikon/4mBYE/

.promo s всегда имеют ширину 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)