Я пытаюсь положить Fullcalendar внутри складного гармошки.По какой-то причине, когда я открываю аккордеон, он отображает только верхнюю часть календаря и не показывает весь объект.Есть ли что-то простое, что мне не хватает?
jquery
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
//Load Full Calendar
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
events: [
{
title: 'All Day Event',
start: new Date(y, m, 1)
},
{
title: 'Click for Google',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
url: 'http://google.com/'
}
]
});
//Accordion
$(".btn").on( "click", function() {
$("#toggleDemo").collapse('toggle');
});
});
html
<div class="container">
<div class="row">
<div class="col-xs-10">
<input type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Calendar">
<!-- Collapsible Element HTML -->
<div id="toggleDemo" class="collapse collapse">
<h1>In Here</h1>
<div id="calendar"></div>
</div>
</div>
</div>
</div>