Nested Accordions will not stay open

  • Resolved jroel

    (@jroel)


    8 years ago

    If make an accordion and then place the shortcode of another accordion inside one of the accordion sections. The accordions will display properly at the first level, but the second (and consecutive) levels will not stay expanded. …They open, then close immediately.

    Is there an autoclose option we can set?
    *EDIT: not an id error… the class is not being updated with active. So the jquery isn’t adding that class on ul li ul li… etc…

    Any fix/help would be greatly appreciated!

    • This topic was modified 8 years ago by jroel.
Viewing 1 replies (of 1 total)
  • Thread Starter jroel

    (@jroel)

    Figured it out. The div’s containing .responsive-accordion-head click function bubbles up to the parent accordion and fires again. This causes the click event to open, then close the accordion.

    To fix this: access the event.target and use:
    e.stopImmediatePropagation();
    to prevent the function from firing when it hit’s it’s parent accordion.

Viewing 1 replies (of 1 total)
  • The topic ‘Nested Accordions will not stay open’ is closed to new replies.

Tags