Горизонтальный Аккордеон - плагин jQuery - ошибка анимации прокрутки в Firefox - как отлаживать

Question

Существует плагин для jQuery, который позволяет создавать горизонтальные аккордеоны, он прекрасно работает во всех браузерах, кроме Firefox.Моя главная проблема в том, что я немного незнаком с отладкой кода на стороне клиента, я в основном программист на Java, хотя у меня есть хорошее понимание клиентских технологий, на самом деле, попытка отладки этой проблемы оставляет меня потерянным, может, кто-то посмотрит наошибка, если возможно определить причину и поделиться, как они подошли к проблеме?

Я уже настроил воспроизведение кода, серые полосы - это «ручки», нажмите на них, чтобы развернутьих содержание, светло-серый означает уже расширенный, темно-серый означает минимизированное

, когда я имею в виду аккордеон, я имею в виду полный компонент, в данном случае две ручки и содержимое, которое отображается

Вот некоторые вещи, которые я уже знаю, чтобы вы начали:

• во время анимации размер аккордеона увеличивается на 1 или 2 пикселя
• ошибка очевидна, когдасодержащийся div имеет размер, равный размеру аккордеона
• , если размер содержащего div увеличивается на размер sдо увеличения, дающего «дрожащий эффект» самого правого края
• проблема присутствует только в firefox

Answer 1

Попробуйте немного настроить CSS ( обновление демо ):

#containingDiv {
    height : 200px;
    width : 460px;
    overflow: hidden;
}

#myAccordion {
    width: 2000px; /* should be wide enough to contain all panels - max width in opera is 32766 */
}

---

Обновление: после обращения к стандартному CSS для hrzAccordion ,Я обнаружил, что добавление отрицательного правого поля к дескриптору устраняет все проблемы с мерцанием ( обновленная демонстрация ):

.handle {
    height : 200px;
    width : 30px;
    background : #aaaaaa;
    margin : 0 -1px 0 0;
    padding : 0px;
}