jQuery slideToggle 이상한 행동

Question

정말 도움이 필요합니다. 나는 명백한 것을 볼 수 없으며 일반적으로 도움을 요청하는 것이 가장 좋습니다. 12 개 열의 grid에 4 개의 div가 있습니다. 각 div는 클릭 할 수 있으며 클릭하면 해당 div가 그 아래에 표시되어야합니다.이 표시는 처음에는 none : display로 설정됩니다.

처음부터 끝까지 순서대로 클릭하면 모든 것이 문제가되지 않지만 처음 클릭하면 세 번째 div에 해당 div가 표시되지만 아래에는 표시되지 않습니다. 첫 번째 해당 div.

여기서는 간단한 slideToggle을 사용하고 있으며 실제로 무엇이 잘못되었는지 이해할 수 없습니다. 해당 div (숨겨진 것들)를 표시하려면 모든 CSS가 올바르게 표시되므로 CSS 오류가 아닙니다.

코드를 제공 할 수 있지만 온라인으로 입력하면 메소드 탭을 클릭하기 만하면됩니다. 내가 더 잘 설명하지 않은 경우

Here is the link

죄송합니다, 영어는 내 기본 language.Thanks하지 않습니다!

Answer 1

이 div의 공간을 유지해야합니다. visibility:hidden 및 animation을 사용하고 숨겨진 요소에 대한 공간을 유지하지 않는 display:none을 사용하지 마십시오. hide(), slideToggle() 등과 같은 모든 내장 효과 기능은 요소에 display:none을 설정합니다.