justinmind-logo
 
Upvote 1

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

Answered Victor Conesa 8 years ago

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.

Replies (7)
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.

photo
1

Hello Lidia,


I'm looking for an accordion. Unfortunately the link to the tutorial about "collapsable and expandable regions" you posted above does not work anymore. Can I access the tutorial through another link?


Regards,

Timo

photo
1

Hello, we are working on the "how to" page, we will let you know when it is available, in the meantime I am attaching an example.

Greetings.

photo
1

Thank you for the example. It helped a lot!

photo
1

You're welcome!

Let us know if we can help you with anything else.

Greetings.

Leave a Comment
 
Attach a file