用jquery手風琴跳

Question

我已經走了，並創建了一個jquery手風琴，當它打開它繼續跳躍。我認爲這可能是.content div上的邊緣/填充問題，但是在移除它之後，這似乎不是問題。我看不出還有什麼會導致問題。

我已經先行一步，並上載該這樣你們可以看看

http://sites.lukespoor.com/accordion/

我已經採取了看看其他線程有的說申請

display:block; 

到李等等，但這並沒有解決我的問題:(

任何幫助是非常讚賞。

Answer 1

。 此時div.content的寬度大於li，結束於body的末尾。所以height計算是錯誤的，這可以看出，如果你只是嘗試absolute positioning爲.content。

的解決方案是讓家長li爲relative positioned，所以即使div.content設置爲absolute，而計算height，它需要父母li的width，你會得到正確的height。

.accordion li { 
    border-bottom: 1px dotted #D4D4D4; 
    display: block; 
    position: relative; 
} 

Answer 2

看看這個教程。這似乎提供了一個解決問題的跳躍：雖然手風琴動畫的東西，它給人一種position:absolute到div.content的時間的一小部分，在計算height

http://jqueryfordesigners.com/slidedown-animation-jump-revisited/