title: Fullcalendar: shrink/expand calendar height
body: <p>This is the calendar I have, however, I'd like for it to be shrunk down a bit. When I do this with the following command I get a truncated schedule instead of a compressed one. Take a look:</p>
  
  <pre><code>$('#calendar').fullCalendar('option', 'height', 200);
                         ---OR WITH---
  $('#calendar').fullCalendar('option', 'contentHeight', 200);
  </code></pre>
  
  <p>Calendar before resizing with the above command:
  <a href="https://i.stack.imgur.com/4yXqA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4yXqA.png" alt="Calendar before resizing with the above command:"></a></p>
  
  <p>Calendar after trying to resize:
  <a href="https://i.stack.imgur.com/dEBo6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dEBo6.png" alt="Calendar after trying to resize:"></a></p>
  
  <p>You can see a scrollbar has appeared and some events are no longer present (until I scroll). I have played around with CSS to try resizing it manually (notably with the .fc-slats > table height and #calendar font-size) but these are very hard to work with and create misplaced events when changed dynamically. I need to be able to vertically shrink/expand the calendar dynamically, preferably using JQuery. How can this be achieved?</p>
  
  <p>Thanks in advance. </p>