WordPress.org

Ready to get started?Download WordPress

Forums

jQuery UI Widgets
How to have all Accordion windows closed on page load (3 posts)

  1. kelley_rao
    Member
    Posted 1 year ago #

    Hello,

    This new version of JQuery UI Widgets is nice, but very much different that from year or so ago.

    Specifically, there are no longer built in options to say "close all accordions on page load," or "no auto height." The help docs at JQuery seem to refer to the old plugin... I did try pasting the script code into the page, such as below:

    http://jqueryui.com/demos/accordion/#no-auto-height

    But it did make any difference to the display.

    Mostly I'd like: No auto height (keep the panels only as big as the content of that window) and all panels closed upon page load.

    Where do I make the change to accomplish this please? Do not have a URL to share -- site is under construction.

    Kelley

    http://wordpress.org/extend/plugins/jquery-ui-widgets/

  2. David Gwyer
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Kelley,

    Not sure which Plugin you mean but this is the FIRST release of this particular Plugin: http://wordpress.org/extend/plugins/jquery-ui-widgets/changelog/

    David

  3. kbil4eva
    Member
    Posted 1 year ago #

    That's easy, put the accordion in a div with the size set and add this to the settings under Accordion Tab next to Customize Initialization.

    $( ".accordion" ).accordion({
                collapsible: true,
                active: false,
                heightStyle: fill
            });

    If you use id="accordion" on your accordion div then use...

    $( "#accordion" ).accordion({
                collapsible: true,
                active: false
                heightStyle: fill
            });

    If you still need help, contact us at http://www.mywebsitespot.com

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic