How do you make an accordion in a table for a responsive site

Shruti Goins shared this question 4 years ago
Answered

Hi,


I'm using a table for my site design because that's the way to do a responsive site. I have FAQs that I'd like to design as an accordion. All of the examples for accordions use dynamic panels, but that seems to break the table. What's the best way to go about this?


I tried putting the answer in each cell below the question, and then on click resizing the cell to show the answer, but it does something funky with the width - it keeps growing wider with every click (using the on-toggle event).

Best Answer
photo

Check out the attached prototype of a responsive accordion.

Comments (3)

photo
1

Hi Shruti,


Take a look at this tutorial, hope it helps: http://www.justinmind.com/support/exp...


Regards,


Lidia

photo
1

As I mentioned in my question, this uses dynamic panels and that doesn't work with the table. Is it possible to use panels and a table?

photo
1

Check out the attached prototype of a responsive accordion.