WordPress Shortcodes
[resolved] accordion height & quirky open close behavior (7 posts)

  1. jhguynn
    Posted 2 years ago #


    I use the accordion for a "Quick Answers" FAQ feature on each page. You can view an example of it here: http://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.


  2. dee987
    Posted 2 years ago #

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

  3. jhguynn
    Posted 2 years ago #

    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.

  4. dee987
    Posted 2 years ago #

    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.

  5. jhguynn
    Posted 2 years ago #

    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.

  6. dee987
    Posted 2 years ago #


    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.

  7. Synved
    Plugin Author

    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WordPress Shortcodes
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic