jquery - 用 jquery Accordion 跳跃

Question

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

我已经上传了此内容，以便大家可以查看

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

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

display:block;

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

非常感谢任何帮助。

Answer 1

当 Accordion 为事物设置动画时，它会在一小部分时间内为 div.content 提供 position:absolute，同时计算高度 。 此时，div.content 的宽度大于 li，结束于 body 的末尾。所以计算出的height是错误的，如果你尝试.content的绝对定位就可以看出这一点。

解决方案是将父级li设置为相对定位，因此即使div.content设置为absolute 在计算高度时，它采用父级li的宽度，然后你就得到了正确的高度。

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