jquery - 用 jquery 手风琴跳跃

Question

我已经继续创建了一个 jquery 手风琴，当它打开时它一直在跳跃。我认为这可能是 .content div 上的边距/填充问题，但在删除它之后，这似乎不是问题。我看不出还有什么会导致问题。

我已经上传了，大家可以看看

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

我已经查看了其他线程，有些人说要申请

display:block;

到 li 等，但这并没有解决我的问题:(

非常感谢任何帮助。

Answer 1

虽然手风琴使事物具有动画效果，但它会在一小段时间内position:absolute将div.contenta 赋予 ，同时计算height. 此时div.content的宽度大于li，结束于 的末尾body。所以height计算是错误的，这个你试试就可以看absolute positioning出来.content。

解决的办法是把父级li设为relative positioned，所以即使在计算时div.content设置为，它也需要父级的，你得到正确的。absoluteheightwidthliheight

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

Answer 2

看看这个教程。它似乎为跳转问题提供了解决方案：

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