title: How to close previous popovers in fullCalendar?
body: <p>I am using fullCalendar in my website together with Bootstrap so that everytime I click on a day in month view, there is a popover to add event, just like that in Google Calendar. Here is my code </p>
  
  <pre><code>$(document).ready(function() {
  
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
      var calendar = $('#calendar').fullCalendar({
          height: height,
          header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
          },
          dayClick: function( date, allDay, jsEvent, view ){
              $(this).children().popover({
          title: 'haha',
          placement: 'right',
          content: 'haha',html : true, container: 'body'
      });
      $(this).children().popover('show');
  }
  })
  </code></pre>
  
  <p>The code should be right before <code>$(this).children().popover({</code> so that it closes all previously fired popover.</p>
  
  <p>However, exactly, what code should I use to achieve this?</p>
  
  <p>Thank you!</p>