FullCalendar가 부트 스트랩 3 내에서 접히지 않습니다

Question

사용자가 부트 스트랩 3에서 사용하는 토글 버튼을 클릭 할 때 fullCalendar를 열려고합니다. 페이지가로드 될 때 버튼 기본값이 열려 있으면 달력이 제대로 작동하지만 페이지가로드 될 때 달력을 닫고 기본 달력을 열지 못하게하고 싶습니다. 나는 jsfiddle을 만들었다. here

여기 html이있다. 여기

<div class="container"> 
    <br /> 
    <input type="button" class="btn btn-primary" data-toggle="collapse" 
     data-target="#toggleDemo" value="Calendar" /> 
    <!-- Collapsible Element HTML --> 
    <div id="toggleDemo" class="collapse collapse in"> 
     <div id='calendar'></div> 
    </div> 
    <br /> 

그리고

나는 누군가가 내 문제에 도움이 되거 수 있기를 바랍니다 자바 스크립트

$(document).ready(function() { 

// page is now ready, initialize the calendar... 

$('#calendar').fullCalendar({ 
    // put your options and callbacks here 
}) 

}); 

입니다. 많은 감사합니다.

JS

Answer 1

HTML :

<div class="container"> 
    <input type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Calendar"> 

<!-- Collapsible Element HTML --> 
<div id="toggleDemo" class="collapse collapse"> 
    <div id="calendar"> 

    </div> 
</div> 

자바 스크립트 :

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 
    $('#calendar').fullCalendar({ 
    }) 

    $('#toggleDemo').on('shown.bs.collapse', function() { 
     $('#calendar').fullCalendar('today'); 
    }); 


}); 

는 참조 http://jsfiddle.net/GB8DF/