Forms Designer Forum

I'm using the following link: viewtopic.php?f=1&t=106


But I'm having a hard time A) making all Accordions collapsed by default, and B) making the next according open based on field change.


What I want to happen is the next accordian to open with the last field on the previous accordion has been filled out.

I can make it work for the first accordion, but I don't know how to "identify" the next accordion section via Javascript.


Here's my current code:

fd.field('Product').change(function() {


$('#fd_accordion-0 > h3:eq(0)').click()

});

Hi,

Just change the highlighted index in h3:eq function:

I think there may be something wrong with my setup.

Changing index number for the h3:eq function does not work for me.


However, if I click and drag a different Accordion onto the page, then changing the index does work for me. However, the index changes the control of the original Accordian, and the new Accordian I drag to the page has no functionality.

Anyway, I'm going to move on from this, as it seems too glitchy. Just wanted to give you the additional info.

To be clear, the only way to expand the Accordions is via the "click()" method, correct?

So there's no way to expand (only) for certain conditions, and contract (only) for certain conditions, right?

Hi,

If you use the accordion in 'Single' or 'SingleCollapsable' modes, you can try the following code to activate a particular section: