accordions do not work in pages

I’m experiencing the same issue.

Found the solution!

find this file in the plugins directory:

wp-content/plugins/wp-ui/js/wpui-choose-jquistyles.php

Scroll down to the accordion HTML code and copy it.

Use the UI button in the editor window of the page you want to place the accordion into and place the code.

Then, place the HTML code you just copied between the tags and it should work.

It took more than one attempt for some reason but other wise it works great.

If I throw the H3-Div pairs inbetwen the [wptabs] shortcodes, it works. Unfortunately, I can’t ask a client to do this whenever they need to update their content.

Playing around with this and my content, I did notice that having parenthesis inside the wptabtitle shortcode seems to screw up the accordion formatting. Once I removed the parenthesis, that seemed to fix things. Maybe that’s the key? If that’s the case, it seems like an odd shortcoming/bug.

This is the H3 with “()”:
<h3 class=”wp-tab-title”> Access Management Guidelines (AMG) </h3>

This is my H3 without the “()”:
<h3 class=”wp-tab-title ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons” id=”access_management_guidelines” role=”tab” aria-controls=”ui-accordion-1-panel-0″ aria-selected=”true” tabindex=”0″><span class=”ui-accordion-header-icon ui-icon ui-icon-triangle-1-s”></span> Access Management Guidelines</h3>

Hopes this helps other people.