CSS Grid Expand / Collapse
Here's an example of a CSS Grid implementation of a 3 column layout.
The contents of each program's details are programmatically connected to the links that spawn the contents. Additionally, the program contens occur directly after the program within the reading order and the tab order.
Clicking on a program link will toggle the link's aria-expanded attribute, as well as display the relevant program details. Any previously selected programs will be automatically closed.
What this implementation does not do is provide for buttons within the displayed program details.
Arts & Media Content
Lorem Ipsum
Automotive Content
Lorem Ipsum
Business & Management Content
Lorem Ipsum
Computer Science Content
Lorem Ipsum
Criminal Justice Content
Lorem Ipsum
