jquery 아코디언으로 점프하기

Question

jquery 아코디언을 열었을 때 그 아코디언이 생성되었습니다. 나는 이것이 content div에서 마진/패딩 문제일지도 모른다고 생각했지만 그것을 제거한 후에 이것은 문제가되지 않았다. 나는 그 밖의 무엇이 문제를 일으키는 지 알 수 없다.

나는 앞서 갔다와

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

내가 다른 스레드에서 모습을 촬영하고 일부는에

display:block; 

을 적용했다이 그렇게 너희들이 좀 걸릴 수 있습니다 업로드 리 등하지만 이건 내 문제를 해결하지 못했습니다 : (

아무 도움도 매우 감사하겠습니다.

Answer 1

: 점프 문제에 대한 해결책을 제공 할 것으로 보인다. 현재 div.content의 너비는 li보다 커서 body 끝에서 끝납니다. 따라서 height 계산이 잘못되었습니다. .content에 대해 absolute positioning을 시도해 본 결과입니다.

이 솔루션은 부모에게 relative positioned로 li를 만들기 위해, 그래서 height을 계산하는 동안 div.content가 absolute로 설정되어있는 경우에도 그것은 부모 li의 width 소요되며, 올바른 height를 얻을.

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

Answer 2

이 자습서를 살펴보십시오. 아코디언은 height을 계산하면서, 짧은 시간의 div.content에 position:absolute을주는 일을 애니메이션 동안

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