Jquery FullCalendar赢得'；t在bootstrap3中崩溃

当用户点击我在Bootstrap3中使用的切换按钮时，我试图打开fullCalendar。如果加载页面时按钮默认为打开，则日历工作正常，但我希望在加载页面时关闭日历，并且无法从默认的关闭状态打开日历。 我已经编了一本书

这是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 /> 

我希望有人能解释一下我的问题。非常感谢

JS

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>

看

<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');
    });


});