Hiding rows with checkbox

skooter

I have a client that wants to hide any number rows they wish. I was going to add an input checkbox on each row and whenever they check the checkbox, the row "hides". There would also be a general "Show hidden items" at the top which would show all regular and hidden items. Uncheck that "Show hidden items" checkbox and the items hide again. Would I approach this with css? jQuery? datatables helper like fnFilter? Thanks!