2013-04-27 4 views
0

나는 collaspe 효과를 얻기 위해 트위터 부트 스트랩 collaspe를 사용하고 있습니다. 내 코드는 다음과 같습니다.부트 스트랩 collaspe가 작동하지 않습니다.

<h5 class="text-grey" data-toggle="collaspe" data-target="#color">  
    Filter By Color 
</h5> 
<div class="collapse in" id ="color"> 
    TEST 
</div> 

부트 스트랩 js 및 css가 이미 포함되어 있습니다.

준비 문서에 나는이

$(".collapse").collapse('show'); 

을 추가하지만 H5는 클릭 할 수 없습니다 내 사업부뿐만 아니라 표시되지 않습니다. 왜 그 사람이 누군지 압니까? 도움에 미리 감사드립니다!

+1

bootstrap.js jQuery를에 의존 아코디언 그룹

바이올린 -이보십시오. 부트 스트랩 참조 이전에이 페이지에 페이지를 포함 시켰습니까? –

+1

'data-toggle = "collaspe"를 잘못 입력했습니다.'data-toggle = "collapse"': http://jsfiddle.net/Asrr3/을 참조하십시오. 너무 현지화 된 투표 마감 ... – nemesv

답변

1

문제는 "collapse"

확인이 http://jsfiddle.net/jaBaD/

그냥이 먼저 표시하도록 "in"를 제거해야한다 맞춤법 data-toggle="collaspe" 함께. http://jsfiddle.net/M9AQh/

<h5 class="text-grey" data-toggle="collapse" data-target="#color">  
    Filter By Color 
</h5> 
<div class="collapse in" id ="color"> 
    TEST 
</div> 
관련 문제