用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/