토글 슬라이드가있는 변수 div 높이

Question

이 링크는 내가 디자인하고있는 웹 사이트의 일부입니다. http://jsfiddle.net/studioband/Y29em/30/

@Tats_innit의 도움으로 슬라이드/토글을 작동시킬 수있었습니다. 컨테이너에서 슬라이드 토글을 시도하고 텍스트에서 페이드 애니메이션을 얻으려고 시도했지만 처음에는 작동했지만 넘어졌습니다. 프로젝트 정보를 클릭하고 가입하면이 내용을 볼 수 있습니다.

내가 달성하고자하는 것은 회색 배경 공개의 높이가 가변적이므로 하나의 div가 열려 있고 다른 하나가 클릭되면 div의 높이가 내용의 양에 맞게 상하로 슬라이드됩니다. 텍스트 위에 모든 방법을 사용하지 않고 정보와 배경 div를 분리했습니다. 나는 또한 이것을 통해 .toogleClass를 달성하려고 노력했다. subscribe 영역에 같은 클래스를 추가했고 계속 떨어졌습니다.

if 및 else 상태 변수 애니메이션 및 토글 클래스를 살펴 보았지만이를 모두 통합하는 방법을 모르겠습니다. 누구든지 나를 도울 수 있다면 크게 감사하겠습니다.

Answer 1

나는 당신이 생각하는 것을 보여주기 위해 노력했습니다. 당신이 무엇을했는지 정확하게 이해하는 것은 약간 어려웠습니다. 만약이게 도움이 될지는 좀 알려주세요 :

http://jsfiddle.net/Y29em/52/

그것은 좀 더 동적 이전에 비해입니다. 어떻게 작동하는지 보여주기 위해 스타일을 최소한으로 유지했습니다.