Upvote 1

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

Answered Victor Conesa ● 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

Danielle Schneider ●

Check out the attached prototype of a responsive accordion.

Files:

Replies (7)

Enrique Cano ●

Hi Shruti,

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

Regards,

Lidia

Enrique Cano ●

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?

Danielle Schneider ● ●

Check out the attached prototype of a responsive accordion.

Files:

Tlimmer ●

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

Ria Arias ●

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.

Files:

Tlimmer ●

Thank you for the example. It helped a lot!

Ria Arias ●

You're welcome!

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

Greetings.