accordion height & quirky open close behavior

  • Resolved jhguynn

    (@jhguynn)


    11 years, 7 months ago

    Synved:

    I use the accordion for a “Quick Answers” FAQ feature on each page. You can view an example of it here: https://www.expressmerchantapplication.com/free-hypercom-t4220-dual-comm-credit-card-terminal/

    I noticed initially that the active accordion content box (.ui-accordion-content-active) was bigger than the content I was including, i.e. there was much extra padding in the bottom of a panel when the content was short. When I add ‘height: auto!important’ to custom css for .ui-accordion-content-active, I get the desired result. Unfortunately, after making this modification, the accordion opens and closes in a weird manner: the active box remains open while the newly selected box opens, then after a delay, the abandoned box closes.

    Any way to get the height=relative performance without changing how the accordion behaves on open / close?

    PS: I continue to be a big fan of your plugin, so thanks again.

    https://www.ads-software.com/plugins/synved-shortcodes/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi.
    I noticed on your site this seems to be resolved. How were you able to resolve this issue?

    Thread Starter jhguynn

    (@jhguynn)

    Hello dee987, No it isn’t resolved. The ‘height: auto!important’ custom css fixes the height issue, but the accordion still opens and closes in a weird manner.

    Oh! I see what you mean. I don’t have any suggestions to help. I am having trouble getting the height issue resolved on my page.

    Thread Starter jhguynn

    (@jhguynn)

    Can you add custom css to your theme? Try this:

    .ui-accordion-content-active {
    height: auto!important;
    }

    Note that the ‘!important’ instructions make sure your theme will not override you custom css.

    Hi,

    When I put that code in, I get the same jumpy issue you are having. I think the “!” is breaking the code somehow.

    Nothing else seems to work though. I am continuing to work though this. One thought I am having is to move to straight JQuery. This seems to work but takes some extra time to set-up.

    Plugin Author Synved

    (@synved)

    This was caused by a recent change in WP, probably in 3.6, where they upgraded the jQuery UI library which broke the default behaviour for heights, which was to keep sections only as tall as was required.

    It should be fixed in the newest version (1.5.8) which will be released shortly.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘accordion height & quirky open close behavior’ is closed to new replies.

Tags