How to Open or Close Each Individual Accordion

rss

Posted by Jdubs - Jun 4 ’15 at 05:08

I'm using the following link: http://forum.spform.com/forms-designer-for-sharepoint-20/expand-accordion-25187/

 

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

});

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 9 years 4 months 11 days
    #1 by Dmitry Kozlov Jun 5 ’15 at 07:52

    Hi,

    Just change the highlighted index in h3:eq function:

    fd.field('Product').change(function() {
    $('#fd_accordion-0 > h3:eq(0)').click()
});
    link flag
  • Jdubs
    Member
    Member for: 8 years 1 month 10 days
    #2 by Jdubs Jun 5 ’15 at 08:21

    [#1]: 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.

    link flag
  • Jdubs
    Member
    Member for: 8 years 1 month 10 days
    #3 by Jdubs Jun 8 ’15 at 01:38

    [#1]: 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?

    link flag
  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 9 years 4 months 11 days
    #4 by Dmitry Kozlov Jun 9 ’15 at 05:08

    [#3]: Hi,

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

    $('#fd_accordion-0').accordion( "option", "active",  1);
    link flag
  • seoexpert
    Member
    Member for: 4 months 8 days
    #5 by seoexpert Oct 15 ’22 at 02:32

    Its so easy to do simpler conversions but that is where alto's pdf to excel shines. It is such an amazing website at https://www.signnow.com/ask/how-to-sign-a-pdf-with-a-digital-certificate-and-how-signnow-compares-to-hellosign-and-docusign and a great service they have. Really been working hard on that one.

    link flag
  • seoexpert
    Member
    Member for: 4 months 8 days
    #6 by seoexpert Oct 17 ’22 at 05:30

    RPA tools or robotic-process-automation cannot replace the need to build strong internal organizational structures. But it can significantly enhance existing processes and get rid of inefficient steps.

    link flag
  • ninagorman
    Member
    Member for: 8 months 26 days
    #7 by ninagorman Nov 25 ’22 at 06:57

    You can ask for help, for example here https://super-essay.com/cheap-essays/ you will find cheap essays and academic support, so, don't be so shy, and try to ask for the help.

    link flag
Displaying 1 to 7 of 7 messages

Related threads