Can i hide a whole group with row grouping?

erwinm_nl

I have a table with contact data. I have sorted the data on the function of the persons (their occupation, not javascript functions).
I used the examplecode for row grouping. This works great.

Now i'd like to hide the whole data from a group when i click on that group-row, and show it again if i click on it a second time. Suck as opening and closing a group and leave only the header of that group.

Can anybody tell me the best way to do this? I tried all kinds of things the last 5 hours but i dont succeed. I am not very experianced with jquery/javascript, but i am learning. I hope i can learn more from this issue.

Thanks in advance.