2

I've gone ahead and created a jquery accordion, when its opening it keeps jumping. I thought this may have been a margin/padding problem on the .content div but after removing it this didn't appear to be the problem. I can't see what else will be causing the problem.

I've gone ahead and uploaded this so you guys can take a look

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

I have taken a look at other threads and some said to apply 

display:block;

to the li etc but this didn't solve my problem :(

Any help is very appreciated.

4

2 に答える 2

4

アコーディオンは物事をアニメーション化しますが、 を計算している間、ほんの少しの間 にposition:absoluteを与えます。このとき、は よりも幅が広くなり、 の最後で終了します。したがって、計算された は間違っています。これは、 を試すだけでわかります。div.contentheightdiv.contentlibodyheightabsolute positioning.content

解決策は、親liを asにすることです。そのため、計算中にが に設定されているrelative positioned場合でも、親の が取得され、正しい が得られます。div.contentabsoluteheightwidthliheight

.accordion li {
    border-bottom: 1px dotted #D4D4D4;
    display: block;
    position: relative;
}
于 2012-07-26T19:27:18.560 に答える
0

このチュートリアルをご覧ください。ジャンプの問題に対する解決策を提供しているようです。

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

于 2012-07-26T19:20:11.183 に答える