Streaming live at 10am (PST)

Responsive comparison chart animation

I am working on a comparison chart for workout programs, and I added an info icon that when you click on it, it expands additional information for that specific feature.

The first problem I have is that when you click on the icon, it expands the additional information for all the listed features, and I am looking to expand only the additional description related to that specific feature.

Any ideas on how I could accomplish this? I tried setting the animation to the siblings on that class, but that doesn’t work.

The second problem I have, is fitting the table on mobile devices, can anyone share ideas on how I could make the table responsive to that is readable on mobiles?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)