水平手風琴-jQuery插件-在Firefox上滾動動畫錯誤-如何調試

Question

有一個jQuery插件，可讓您構建水平手風琴，它在除firefox之外的所有瀏覽器中均能很好地工作。 我的主要問題是我不太熟悉調試客戶端代碼，雖然我對客戶端技術有很好的了解，但我主要是Java程序員，實際上嘗試調試此問題會讓我迷失方向，有人可以看看該錯誤（如果可能）確定根本原因，並分享他們如何解決該問題？

我已經設置了代碼的復制件，灰色條是“句柄”，單擊它們可擴展其內容，淺灰色表示已擴展，深灰色表示已最小化

當我提到手風琴時，我指的是整個組件，在這種情況下，是兩個句柄以及所顯示的內容

以下是一些我已經入門的知識：

• 在動畫期間，手風琴的大小增加1或2像素
• 當包含div的大小設置為手風琴的大小時，該錯誤很明顯
• 如果包含div的大小增加，則大小仍會增加，從而產生最右邊的“顫抖效果”
• 該問題僅在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 */
}

---

更新：在參考hrzAccordion的標准CSS之后 ，我發現向句柄添加負右邊界可解決所有閃爍問題（ 已更新演示 ）：

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