트위터 부트 스트랩 2.1.1 접을 수있는 경우 접히지 않음

Question

트위터 부트 스트랩에 구현 된 내 웹 사이트의 접을 수있는 부분을 열거 나 닫을 수있는 간단한 버튼을 만들려고합니다. 접을 수있는 javascript 플러그인을 사용하고 싶습니다.하지만 제대로 작동하지 않는 것 같습니다. 접히는 애니메이션은 "가까이에서"발생하지만 "열린 상태에서"즉각적으로 발생합니다.

다음은 문제를 설명하는 jsFiddle입니다. 내 네비게이터 (Mac에서 크롬 22.0.1229.94)에

http://jsfiddle.net/whUvL/2/

은 버튼을 클릭 처음은 H2는 즉시 "에 나옵니다." 버튼을 다시 클릭하면 멋진 애니메이션으로 h2가 "접습니다". 다시 클릭하면 "매우 빠르게"보여줍니다.

어떻게 "열 때"와 "닫을 때"애니메이션을 사용할 수 있습니까? html/css를 더 추가해야합니까? 아니면 일부 js를 변경해야합니까?

또한 jquery 1.8.2와 최신 트위터 부스트랩에서 이러한 현상이 발생합니다. jquery 1.7.2 및 부트 스트랩 2.0.2 it seems to work just fine. 가능한 경우 최신 버전을 사용하고 싶습니다. http://jsfiddle.net/whUvL/3/

Answer 1

내가 문제를 발견했다 확인 : 당신이 2.1.1

작업 바이올린의 bootstrap.js를 추가하는 경우

Answer 2

잘 작동하는 것 같다. 그것은 right there in the docs입니다 :

• 포함 할 전환을 플러그인이 필요합니다. 내 방어에

, 나는 그 부분이 회색과 요구 사항으로 매우 분명 아니었다라고해야합니다.

나는 전환 모듈을 포함하면

는 애니메이션이 다시 일을 시작 :

http://jsfiddle.net/whUvL/4/

바른 길에 나를 넣어 @funzionpro하는

명예, - 나는 자바 스크립트의 완전한 세트를 포함 것을 알고 일단 나머지는 쉽게 추론 할 수있었습니다.

는 (그때가 열려 있기 때문에 떠나야 때까지 이틀에 올바른로이 답변을 표시합니다 자동 응답에 대한 SO의 정책)