Toggle Class To Trigger Descendant Selector Rules

Description

By toggling a class name on the table, the descendant selector is applied and certain rows are shown and hidden.

Demonstration

even row, even row, even row, even row, even row, even row

odd row, odd row, odd row, odd row, odd row, odd row

even row, even row, even row, even row, even row, even row

odd row, odd row, odd row, odd row, odd row, odd row

even row, even row, even row, even row, even row, even row

odd row, odd row, odd row, odd row, odd row, odd row

even row, even row, even row, even row, even row, even row

odd row, odd row, odd row, odd row, odd row, odd row