javascript - 如何使用 FullCalendar 中的复选框来隐藏事件？

Question

我希望能够拥有三个复选框（默认选中），当未选中时，隐藏 FullCalendar 中的某些事件。

这些事件来自三个不同的公共 Google 日历，格式如下：

$('#calendar').fullCalendar({

        theme: true,
        editable: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        eventSources: [
        {
            url: "...",
            borderColor: 'red',
            textColor: 'black',
            editable: true,
            id: "events",
            className: "events",
        },
        {
            url: "...",
            borderColor: '#01DF3A',
            textColor: 'black',
            editable: true,
            id: "rto",
            className: "rto",
        },
        {
            url: "...",
            borderColor: 'blue',
            textColor: 'black',
            editable: true,
            id: "goals",
            className: "goals",
        },
        ],
        eventClick: function(event) {
                if (event.url) {
                    window.open(event.url);
                    return false;
            }
        }
    });

    });