JQuery toggle unknown number of tables
===

I have a page that queries events on a selected calendar date and groups them in an individual table for each different event type.

Obviously this list could get quite large and rather than having everything displayed and the user having to scroll a lot I was hoping I could use the toggle function to hide a list of events for an event type when they click the table header for that event type.

The issue I'm struggling to get my head around is that I have no idea how many different event types there will be for any selected date so how do I write a function that will hide only that selected event type?