More easily toggle event visibility

Originally reported on Google Code with ID 878

Hey,

It would be nice to toggle specific events without removing them from the source. 
or/and adding a "visible" property to the event object. if set to false the event is
not visible in the calendar, and i could do sth like;

$('#calendar').fullCalendar({
  eventClick: function(calEvent, jsEvent, view) {
    calEvent.visible = false;
    $('#calendar').fullCalendar('updateEvent', calEvent);
  }
});

which would hide the event, and reposition the surrounding elements. 

its similar to the Google Calendar where i can toggle specific calendars...

great work by the way....

Reported by kalle.saas on 2011-03-31 12:57:59

Imported with 6 stars.

[superjojo140]

My workaround to change a property for all events from one specific eventSource:

    let allEvents = fullCalendarInstance.getEvents();
    for (let ev of allEvents) {
        if (ev.source.id == EVENT_SOURCE_ID) {
            ev.setProp("propertyName", newValue); //see: https://fullcalendar.io/docs/Event-setProp
            ev.setProp("display", "none"); //For example hide all theese events
        }
    }

[vooxo]

If someone still needs it, there’s an answer on StackOverflow related to this: https://stackoverflow.com/questions/40265496/is-there-a-way-to-toggle-events-visibility-based-on-classname-fullcalendar