一些元素在jQuery的手風琴菜單滯後

這裏是鏈接到手風琴菜單：jQuery accordion 一些元素在jQuery的手風琴菜單滯後

我遇到的問題是平滑地打開和關閉菜單1項，但ON/OFF按鈕給出一個印象如果它滯後。

我認爲，這是由下面的CSS引起的，但不能看到可以做任何改進：

.md_toggle { 
    position: absolute; 
    top: auto; 
    padding: 0; 
    background:#FFF; 
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), inset 0 3px 15px rgba(255, 255, 255, 0.5); 
} 

.md_toggle input { 
    position: absolute; 
    opacity: 0; 
    z-index: 5; 
    padding: 0; 
} 

.md_toggle p { 
    position: absolute;  
    width: 100%; 
    margin: 0; 
    text-align: left; 
    padding: 0; 
} 

.md_toggle p span { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 5; 
    padding: 0; 
    display: block; 
    width: 50%; 
    text-align: center; 
} 

.md_toggle p span:last-child { 
    left: 45%; 
    z-index: 0; 
    padding: 0; 
} 

.md_toggle .md_slide-button { 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 5; 
    display: block; 
    width: 51%; 
    height: 100%; 
    padding: 0; 
}

任何幫助深表感謝

來源

2013-07-20 Domas

提供一個鏈接，重現您的問題。 CSS通常不會導致動畫滯後，但仍然可以。順便說一句，爲什麼不試圖在你身邊進行調試？刪除所有的CSS相關規則，看看發生了什麼，通過一個接一個地重新開始，等等...... –

問題開始時提供了一個鏈接，它是以下內容：http://jsfiddle.net/td5VC/1/ 我曾嘗試刪除css規則，但未成功解決該問題。 – Domas

哦，對不起，但你用於鏈接的標題讓我們假設它是jQuery手風琴插件的鏈接 –

如果與落後你的意思是開/關閉項目沒有透露，但立即顯示，它發生，因爲他們是絕對定位。

添加CSS規則

.accordionContent{ 
    position:relative; 
}

，這樣的內容被隱藏，而揭示正在進行..

演示在http://jsfiddle.net/td5VC/4/

更新刪除overflow:hidden，因爲它是不需要..

來源

2013-07-20 16:37:28

只是輝煌，非常感謝。 – Domas

一些元素在jQuery的手風琴菜單滯後

回答

相關問題