As discussed in the jQuery UI forums, you should not use accordions for this. If you want something that looks and acts like an accordion, that is fine. Use their classes to style them, and implement whatever functionality you need. Then adding a button to open or close them all is pretty straightforward. Example HTML … Read more
I haven’t tested it, but this should probably work: Say that you have your accordion with id #accordion $(‘#accordion’).append(‘<h3><a href=”#”>New Paragraph</a></h3><div><p>New data</p></div>’) .accordion(‘destroy’).accordion(); Basically, just destroy and re-create the accordion. UPDATE: Since this answer was written a refresh() method has been added to the accordion widget. It can be invoked by calling: $( “.selector” ).accordion( … Read more
In your options specify: { … active: false, collapsible: true, … } See documentation for active.