fullcalendar - добавление описания и местоположения в списке

Question

Я хотел бы добиться следующего с помощью полноценного календаря JavaScript на моем сайте. Я использую календарь Google для ввода данных.

1. Я только хочу отобразить представление списка за весь год (это работает)
2. Когда я нажимаю на событие, я хочу, чтобы местоположение и описание (из календаря Google) отображались под заголовком события.
3. Когда я нажимаю на название события, я хочу, чтобы местоположение и описание снова исчезли.

Я предполагаю, что мне нужно будет вставить дополнительную строку таблицы с расположением и описанием под

<tr class="fc-list-item">

Я знаю, как работать с html и css, но я не знаю, как работать с javascript, поэтому я надеюсь, что кто-то там будет достаточно любезен, чтобы предоставить мне рабочий пример...

Вот мой код до сих пор:

<script type='text/javascript'>

$(document).ready(function() {

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

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

        googleCalendarApiKey: 'my-api',
        events: {
          googleCalendarId: 'my-id',
          },

        defaultView: 'listYear',

        header: {
            left:   'prev',
            center: 'title',
            right:  'next',
            },

        height: 'auto',

        listDayFormat: 'dddd - DD MMMM',
        listDayAltFormat: false,

        timeFormat: 'Humm',

        timezone: 'local',

        });

    });

</script>

Заранее большое спасибо! С уважением

Robbert